0

我有一个浅色 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>
4

2 回答 2

0

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

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

于 2013-04-07T01:16:25.713 回答
0

自定义 Twitter Bootstrap 元素颜色的最简单方法是使用 LESS。您可以在官方页面自定义它们,下载并在 variables.less 文件中进行操作,或者尝试使用Bootswatcher等在线工具。

这确保您不必使用所有供应商 CSS3 前缀。

于 2013-04-07T05:44:41.877 回答