html - chrome 上的 Bootstrap 按钮颜色不正确(Mac 机)

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

我的按钮需要灰色,所以我使用了 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):

Grey color coming

灰色即将到来,这是我的目标

Chrome(苹果机):

White color coming

白色即将到来,我想将其更改为灰色

请帮帮我,我不明白为什么我在 mac 机器上的 chrome 上显示白色

最佳答案

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

关于html - chrome 上的 Bootstrap 按钮颜色不正确(Mac 机),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48705203/

相关文章:

javascript - 将列收缩到图像网格的宽度

html - 在 bootstrap 中居中对齐 div 内容

twitter-bootstrap - Bootstrap 4 以 2x2 形式显示按钮

html - Bootstrap, panel-footer with text align-center horizo​​ntally and vertically jump out 调整大小时

php - 我需要在 php 文件测验中动态分配单选按钮

javascript - 使用HTML5从iPhone录制语音

html - IE7中的水平滚动条

javascript - 如何根据窗口大小更改DIV的高度

html - 结合 bootstrap 的 MarkItUp 渲染问题

javascript - CSS3 旋转延迟