如何在Jquery Mobile中更改圖標顏色1.4rc1

任何人都知道如何更改JQM 1.4中圖標的圖標顏色？我正在殺死圖標上的背景顏色，光盤等，並希望將其從「黑色」更改爲白色條形。我不確定圖標顏色是否可以通過css直接更改。如何在Jquery Mobile中更改圖標顏色1.4rc1

<a href="#main-menu" style="background-color: transparent; 
box-shadow: none; border:0px; border-radius:0px; color:#fff" 
      class="jqm-navmenu-link ui-nodisc-icon ui-alt-icon ui-btn-left ui-btn ui-icon-bars ui-btn-icon-notext ui-corner-none" 
      data-role="button" role="button"></a>

來源

2013-12-12 imaginethepoet

在1.4 SVG找到有關進一步的細節被用作與'圖標：after'pseudo選擇。您可以使用ThemeRoller創建自定義主題或手動更改JQM樣式表。像這樣http://jsfiddle.net/Palestinian/LeGkm/ – Omar

這實際上並沒有改變圖標的顏色 - 改變圖標的懸停事件。我深入挖掘了這一點，並且有2個基本svg圖標樣式爲黑色/白色 - 您可以使用grunticon創建更多內容 - 仍然可以閱讀 – imaginethepoet

JQuery Mobile使用指定爲approproate圖標css定義的背景圖像的SVG圖標。 SVG圖像規格直接編碼在背景圖像的URL中。因此，要獲取具有不同顏色的圖標，您可以從jquery mobile的svg css文件中複製相應圖標的css樣式，將其粘貼到您自己的css文件中並調整svg多邊形的填充顏色。

您可以在http://www.bar54.de/2014/02/jquery-mobile-change-color-of-svg-icons/

來源

2014-02-16 13:16:44 Benjamin

當您使用'data-iconpos =「right」時會出現一些有趣的錯誤' ，但否則它會完成工作。 –

如何在Jquery Mobile中更改圖標顏色1.4rc1

回答

相關問題