Uhlové Materiál Tlačidlo farba pozadia nie je zmena na uplatnenie css

Question 1

Som rozvojových vzorový projekt v Uhlovej 13, v ktorom som použil Uhlové Materiál tému. V súčastí som použil materiál tlačidlá pre odhlásiť sa potvrdzovacie dialógové okno a som zmenil tlačidlo farbu pozadia na bielu v css, ale keď som spustiť projekt sa stále zobrazuje predvolené šedú farbu aj po použití css. Je tam žiadny spôsob, ako prinútiť zmeniť uhlovú materiál, farby, pretože ten, ktorý som použil, nie je práca.

Nižšie sú kód súbory pre lepšie pochopenie

logout-dialog.component.html

<h1 mat-dialog-title class="logout-heading">Logout</h1>
<div mat-dialog-content>
  <p class="message">Are you sure you want to logout ?</p>
</div>
<div mat-dialog-actions class="buttons-div">
  <button mat-button class="cancel" (click)="cancel()">Cancel</button> //THIS BUTTON SHOULD HAVE WHITE BACKGROUND
  <button mat-button class="logout" (click)="logout()">Ok</button>
</div>

odhlásiť sa-dialóg.komponent.css

.cancel {
  border: 1px solid #3f51b5;
  color: #3f51b5;
  background-color: #fff !important;
}

Obrázok

Akékoľvek riešenie, prosím ?

Question 2

Umiestnite na váš štýl styles.css súbor

Question 3

môžete sa pokúsiť s inline-css

<h1 mat-dialog-title class="logout-heading">Logout</h1>
<div mat-dialog-content>
  <p class="message">Are you sure you want to logout ?</p>
</div>
<div mat-dialog-actions class="buttons-div">
  <button style="background-color: #fff !important;" mat-button class="cancel" (click)="cancel()">Cancel</button>  //my changes
  <button mat-button class="logout" (click)="logout()">Ok</button>
</div>

Question 4

Možno si môžete vyskúšať pomocou ::ng-deep výber

::ng-deep button.cancel {
  border: 1px solid #3f51b5;
  color: #3f51b5;
  background-color: #fff !important;
}

Kibé M.C · Answer 1 · 2021-11-24T09:23:52

0

Umiestnite na váš štýl styles.css súbor

Kibé M.C

2021-11-24 09:23:52

Ahoj Kibe M. C snažil som sa ho uvedie vo veľkom štýle.css, ale nefunguje

Mohit Kumar Sharma

Skúste kontrolóra, ktorý konkrétny prvok stlačením ctrl+shift+i na vášho prehliadača a uplatňovanie vašich CSS na to.

Kibé M.C

Ahoj Kibé M. C , snažil som sa, tá, to, to ukazuje, použitých farieb v css, ale nie na prehliadač

Mohit Kumar Sharma

Dako patel · Answer 2 · 2021-11-24T09:29:20

môžete sa pokúsiť s inline-css

<h1 mat-dialog-title class="logout-heading">Logout</h1>
<div mat-dialog-content>
  <p class="message">Are you sure you want to logout ?</p>
</div>
<div mat-dialog-actions class="buttons-div">
  <button style="background-color: #fff !important;" mat-button class="cancel" (click)="cancel()">Cancel</button>  //my changes
  <button mat-button class="logout" (click)="logout()">Ok</button>
</div>

Ahoj Dako patel inline css uplatňovať ale to nie je práca

Farith Adnan · Answer 3 · 2021-11-25T04:29:37

Možno si môžete vyskúšať pomocou ::ng-deep výber

::ng-deep button.cancel {
  border: 1px solid #3f51b5;
  color: #3f51b5;
  background-color: #fff !important;
}

Ahoj Farith Adnan, snažil som sa, ale to nefungovalo aj keď

Uhlové Materiál Tlačidlo farba pozadia nie je zmena na uplatnenie css

Otázka

V iných jazykoch

Táto stránka je v iných jazykoch

Populárne v tejto kategórii

Obľúbené otázky v tejto kategórii