引导按钮颜色在 chrome 上不正确（Mac 机）答案

【问题标题】：bootstrap button color not coming correct on chrome (Machine Mac)引导按钮颜色在 chrome 上不正确（Mac 机）
【发布时间】：2018-07-20 04:29:03
【问题描述】：

我的按钮需要灰色，所以我使用了 bootstrap 按钮，它帮助我实现了我的目标。问题是当我在 Mac 机器上的 chrome 上查看它时，它显示白色背景而不是灰色。

谁能解释一下

<button class="btn btn-sm" style="font-weight: bold;color: #3f51b5; width: 100px;border: solid 1px black;" data-id="xxxxxxx" data-phase="" data-phases="xxxxxx" data-description="" data-priority="0" data-due="" data-name="TTTTe" data-status="complete" data-assigned="xxxxxx" data-target="#project_actions" onclick="editTask(this,'xxxxxx')"> Edit</button>

Chrome (Linux)：

灰色来了，这是我的目标

Chrome (Mac)：

白色来了，我想改成灰色

请帮帮我，我无法弄清楚我在 mac 机器上的 chrome 上得到白色的原因是什么

【问题讨论】：

试试background-color:#3f51b5
@Lyubomir 这样工作但我想知道为什么我在 mac 机器上看到不同颜色的 chrome
因为默认值不同。不知道还有什么要说的。如果您希望某些东西以您想要的方式出现，请不要依赖默认值。字体系列、字体大小、字符编码等

标签： html css twitter-bootstrap google-chrome bootstrap-4

【解决方案1】：

抱歉回复晚了。我能够找到解决方案。对于mac，我们必须使用-webkit-text-fill-color

【讨论】：

【解决方案2】：

我已使用 style='-webkit-appearance: none!important;' 修复它。它现在正在工作。

【讨论】：