Как изменить цвет значка в 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

Это фактически не изменяет цвет значка - изменяет событие наведения значка. Я копаю в этом немного больше, и есть два базовых стиля svg icon black/white - вы можете создать больше, используя grunticon - все еще читаете – imaginethepoet

JQuery Mobile использует значки SVG, которые указаны в качестве фоновых изображений значков соответствующих утверждений css. Спецификации изображения SVG напрямую кодируются в URL-адресах фоновых изображений.

Чтобы получить значок с другим цветом, вы можете скопировать стиль css соответствующего значка из файла svg css jQuery mobile, вставить его в свой собственный файл 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

ответ

Смежные вопросы