Unghiular Material Butonul culoare de fundal nu se schimbă pe aplicarea css

Question 1

Sunt în curs de dezvoltare un proiect de probă în Unghiulare 13 în care am folosit Unghiular Material temă. În componente am folosit material de butoane pentru confirmarea fereastră de dialog si am schimbat butonul de fundal de culoare albă în css dar atunci când am rula în proiect se mai arată implicit de culoare gri, chiar și după aplicarea css. Există vreo modalitate de a forța schimbarea unghiular material culori pentru că unul l-am folosit nu este de lucru.

Mai jos sunt fișiere de cod pentru o mai bună înțelegere

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>

logout-dialog.componenta.css

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

Imagine

Orice solutie va rog ?

Question 2

Încercați plasarea stil pe styles.css fișier

Question 3

poți încerca cu 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

Poate puteți încerca să utilizați ::ng-deep selector

::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

Încercați plasarea stil pe styles.css fișier

Kibé M.C

2021-11-24 09:23:52

Salut Kibe M. C-am încercat plasarea în stil.css dar nu merge

Mohit Kumar Sharma

Încercați inspectarea ca element particular de activități prin apăsarea ctrl+shift+i pe browser-ul dvs., și de a aplica CSS-ul pe ea.

Kibé M.C

Salut Kibé M. C , am încercat să o inspecteze, se arată culoare aplicat in css dar nu pe browser-ul

Mohit Kumar Sharma

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

poți încerca cu 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>

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

Poate puteți încerca să utilizați ::ng-deep selector

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

Unghiular Material Butonul culoare de fundal nu se schimbă pe aplicarea css

Problema

În alte limbi

Această pagină este în alte limbi

Popular în această categorie

Întrebări frecvente în această categorie