Как изменить цвет значков jquery

Question

Я использую значки мобильных JQuery. У меня есть небольшая путаница здесь, чтобы изменить фактический цвет значка на красный и фон на белый. См. Ниже html-код.

<div data-role="page"><div data-role="content"> 
<a href="#" data-role="button" data-icon="home" data-inline="true" data-iconpos="notext"> </a</div></div> 

Такая, что икона должна быть следующей

См JS FIDDLE HERE

Answer 1

Вам нужно добавить атрибут данных тему, и вы можете создавать темы, используя JQuery Mobile ThemeRoller. Вот fiddle с другим цветом.

 <a href="#" data-role="button" data-icon="home" data-inline="true" data-iconpos="notext" data-theme="b"></a></div> 

Если вы не хотите создавать свои собственные темы для JQuery Mobile, затем с помощью инспектора и найти правильный элемент, а затем добавить к нему CSS. Например:

.ui-btn-icon-notext .ui-btn-inner .ui-icon { 
     background-color: #111; 
} 

Update: Вы должны создать свой собственный значок, а затем изменить значок фоновое изображение:

.ui-btn-icon-notext .ui-btn-inner .ui-icon { 

    background: url(http://png.findicons.com/files/icons/2165/office/48/home_01.png); 
    background-size: 17px; 

}