我有一个轻松的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>
答案 0 :(得分:0)
CSS3背景渐变的使用在浏览器之间是不同的。要确保所有浏览器都支持您的代码,您需要添加供应商前缀。此外,即使使用供应商前缀,浏览器之间的背景渐变代码也不同。
我会推荐ColorZilla,这是跨浏览器背景渐变的绝佳工具。有很多例子,您可以编辑颜色,渐变方向,甚至添加多个渐变。试试吧。
答案 1 :(得分:0)
自定义Twitter Bootstrap元素颜色的最简单方法是使用LESS。 您可以在官方页面中自定义它们,下载并在variables.less文件中进行,或者尝试Bootswatcher等在线工具。
这可以确保您不必使用所有供应商的CSS3前缀。