css - Twitter Bootstrap 图标栏颜色样式

Question

我有一个浅色的 Twitter Bootstrap 菜单，但希望在手机和平​​板电脑中切换下拉菜单的按钮是深色的。我添加了以下样式。它适用于 Firefox，但样式更改未显示在 Android 中。知道我需要做些什么才能使其在大多数(如果不是所有)浏览器中正确显示吗？

<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse" style="color: #000000; background-color: #121212; 
background-image: linear-gradient(to bottom, #0d0d0d, #1a1a1a);">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

Answer 1

不同浏览器对 CSS3 背景渐变的使用不同。为确保所有浏览器都支持您的代码，您需要添加供应商前缀。此外，即使使用供应商前缀，背景渐变的代码在浏览器之间也是不同的。

我会推荐ColorZilla ，跨浏览器背景渐变的绝佳工具。有很多例子，你可以编辑颜色，渐变的方向，甚至添加多个渐变。试试吧。