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圖標欄顏色樣式

回答

相關問題