Question

任何人都知道如何更改JQM 1.4中图标的图标颜色？我正在杀死图标上的背景颜色，光盘等，并希望从＆＃34;黑色＆＃34;以白条为例。我不确定是否可以直接通过css更改图标颜色。

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

Answer 1

JQuery Mobile使用SVG图标，这些图标被指定为适当图标css定义的背景图像。 SVG图像规范直接编码在背景图像的URL中。

因此，要获得具有不同颜色的图标，您可以从jquery mobile的svg css文件中复制相应图标的css样式，将其粘贴到您自己的css文件中并调整svg的多边形的填充颜色。

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

找到有关该细节的更多详情

如何在Jquery Mobile 1.4rc1中更改图标颜色

1 个答案: