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

Question

任何人都知道如何在JQM 1.4中更改图标的图标颜色？我正在杀死图标上的背景颜色,光盘等,并希望将其从"黑色"更改为白色条形.我不确定是否可以直接通过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/找到有关该问题的更多详细信息.