Html 如何更改mat按钮字体颜色

Html 如何更改mat按钮字体颜色,html,angular,angular-material,Html,Angular,Angular Material,我有一个mat按钮,其代码如下: 去 我在styles.css中为整个应用程序设置了背景色 html{背景色:a9c5f2}; 与mat按钮对应的css组件代码 .垫子按钮{ 显示:内联块; 字体大小:400; 文本对齐:居中; 空白:nowrap; 垂直对齐:中间对齐; -webkit用户选择:无; -moz用户选择:无; -ms用户选择:无; 用户选择:无; 边框:1px实心透明; 填充:.375rem.75rem; 字号:1rem; 线高:1.5; 边界半径:.25rem; 过渡:颜色。1

我有一个mat按钮,其代码如下:

去 我在styles.css中为整个应用程序设置了背景色

html{背景色:a9c5f2}; 与mat按钮对应的css组件代码

.垫子按钮{ 显示:内联块; 字体大小:400; 文本对齐:居中; 空白:nowrap; 垂直对齐:中间对齐; -webkit用户选择:无; -moz用户选择:无; -ms用户选择:无; 用户选择:无; 边框:1px实心透明; 填充:.375rem.75rem; 字号:1rem; 线高:1.5; 边界半径:.25rem; 过渡:颜色。15秒慢进慢出,背景色。15秒慢进慢出,边框色。15秒慢进慢出,方框阴影。15秒慢进慢出; 背景色:659bf2; 边框颜色:659bf2; 高度:100px; 宽度:300px; 空白:正常; 颜色:黑色!重要; } 浏览器中mat按钮中的文本为灰色


如何修复此问题?

在此基础上构建了一个指令,该指令将采用颜色选项

<button mat-button color="black" (click)="getStock()">Go</button>
还发现,这显示了一些例子,你可以做什么垫按钮


.

在此基础上构建了一个指令,该指令将采用颜色选项

<button mat-button color="black" (click)="getStock()">Go</button>
还发现,这显示了一些例子,你可以做什么垫按钮


.

我尝试了“颜色=黑色”,但颜色仍然是灰色。让我试着删除颜色背景。让我知道你的进展如何,试着从链接复制一个例子:-我想你错过了style关键字。试着用围棋。顺便说一句@Reggie1983你的代码对我来说非常好,也就是说,我只得到黑色的文本。我尝试了“color=black”,但颜色仍然是灰色的。让我试着删除颜色背景。让我知道你的进展如何,试着从链接复制一个例子:-我想你错过了style关键字。试着用围棋。顺便说一句@Reggie1983你的代码对我来说非常好,也就是说,我只得到黑色的文本。