Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/facebook/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Twitter引导图标栏颜色样式_Css_Firefox_Twitter Bootstrap_Android Browser - Fatal编程技术网

Css Twitter引导图标栏颜色样式

Css Twitter引导图标栏颜色样式,css,firefox,twitter-bootstrap,android-browser,Css,Firefox,Twitter Bootstrap,Android Browser,我有一个轻薄的Twitter引导菜单,但我希望在手机和平板电脑中切换下拉菜单的按钮是黑色的。我添加了以下样式。它可以在Firefox中使用,但风格的变化不会在Android中显示。你知道我需要做些什么来让它在大多数浏览器中正确显示吗 <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse" style="color: #000000; background-

我有一个轻薄的Twitter引导菜单,但我希望在手机和平板电脑中切换下拉菜单的按钮是黑色的。我添加了以下样式。它可以在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>

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


我将推荐一款用于跨浏览器背景渐变的绝佳工具。有许多示例,您可以编辑颜色、渐变方向,甚至添加多个渐变。试试看。

定制Twitter引导元素颜色的最简单方法是使用更少的颜色。 您可以在官方页面中自定义它们,下载并在variables.less文件中执行,或者尝试类似的在线工具


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

感谢您的回复。引导结合了导航栏样式和图标栏样式。如果不修改另一个,我就不能用更少的来修改其中一个。我希望他们有所不同,因为我有用户抱怨他们看不到菜单。它就在那里,只是在一些设备中很难看到,因为它混合在一起了。感谢您提供有关供应商CSS3前缀的提示。我会做更多的研究。关于在哪里学习CSS3前缀有什么建议吗?如果你真的想学习,我想谷歌可能会帮助你。但是有几种工具可以帮你做到这一点。谷歌“CSS前缀器”之类的东西,你会找到它们的……谢谢你的回答和有用的提示。但这并不能解决我的问题。请看我上面的补充评论。谢谢我的CSS知识非常基础,因此感谢您的解释和链接!