Twitter Bootstrap图标栏颜色样式

我有一个轻便的Twitter Bootstrap菜单，但希望用于切换手机和平板电脑中的下拉菜单为黑色的按钮。我已添加以下样式。它适用于Firefox，但样式更改不会在Android中显示。任何想法，我需要做的不同，以使其显示在大多数，如果不是所有的浏览器正确？ CSS3背景梯度Twitter Bootstrap图标栏颜色样式

<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>

来源

2013-04-07 Mandiana

谢谢你的回应。 Bootstrap结合了导航栏样式和图标栏样式。我不能使用LESS修改一个而不修改其他。我希望他们有所不同，因为我有用户抱怨说他们看不到菜单。它在那里，在某些设备上很难看到，因为它融入了。感谢您提供有关供应商CSS3前缀的提示。我会做更多的研究。关于在哪里学习CSS3前缀的任何建议？ – Mandiana 2013-04-07 12:11:38

如果你真的想要了解它们，我认为谷歌可能会帮助你。但有几种工具可以帮助你。谷歌的东西像“CSS前缀”，你会发现他们... – Robyflc 2013-04-07 20:49:17

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

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

来源

2013-04-07 01:16:25

我的CSS知识是非常基本的，所以感谢您的解释和链接！ – Mandiana 2013-04-07 12:14:16

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

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

来源

2013-04-07 05:44:41 Robyflc

谢谢你的回答和有用的提示。但它并没有解决我的问题。请参阅我上面的附加评论。谢谢！ – Mandiana 2013-04-07 12:12:20

Twitter Bootstrap图标栏颜色样式

回答

相关问题