角材料按钮的背景的颜色不会改变申请css

Question 1

我正在开发一个样本项目的角13在我用角材料的主题。在件我已经使用的材料按钮，用于注销确认对话的窗口并且 我已经改变的按钮的背景的颜色白色在css但是，当我运行项目，它仍然表示默认的灰色，甚至申请后css. 是否有任何方式强迫改变角材料的颜色，因为一个我们用的是没有工作。

下面是代码文件，用于更好地理解

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>

注销的对话。组成部分。css

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

图像

任何解决方案吗？

Question 2

试试将风格上你 styles.css 文件

Question 3

你可以试试 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

也许你可以尝试使用 ::ng-deep 选择

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

试试将风格上你 styles.css 文件

Kibé M.C

2021-11-24 09:23:52

嗨昭M.C我试着将它放在风格。css但是没工作

Mohit Kumar Sharma

尝试检查，特别是按元 ctrl+shift+i 你浏览器，以及运用你的CSS。

Kibé M.C

嗨Kibé M.C，我试图检查，它显示了应用的颜色在css但是不上的浏览器

Mohit Kumar Sharma

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

你可以试试 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

也许你可以尝试使用 ::ng-deep 选择

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

角材料按钮的背景的颜色不会改变申请css

的问题

其他语言

此页面有其他语言版本

受欢迎的此类别

流行的问题，在这个类别