아이콘의 배경색을 변경하는 방법

버튼의 아이콘에 다른 배경색을 설정하고 싶습니다. 예를 들어 나는 이것이 내가 아이콘의 배경색을 변경하는 방법

<a href="index.html" data-role="button" data-icon="info" class="icon-navy" data-inline="true" data-iconpos="notext"></a>

이제 생성 된 버튼의 아이콘을 매칭 해 CSS 규칙 HTML

에

을 시도 무엇 NAVY

에 정보 아이콘의 배경색을 변경하고 싶습니다. UI 아이콘 링크에는 규칙 아이콘 - 해군이 있습니다.

나는 해결책을 발견

$('.icon-navy .ui-icon').css({'background-color':'navy'});

출처

2013-01-07 Grumpy

당신이 테마 옵션 봤어

는 동적으로 색상을 변경? http://jquerymobile.com/demos/1.2.0/docs/buttons/buttons-themes.html –

네,하지만 글로벌 설정을위한 것이므로 동적으로 아이콘의 bakcground를 변경할 수 있기를 원합니다. – Grumpy

.ui-icon-info { 
    background-color: #FFFFFF !important; 
}

jQuery를이 data-icon 속성 전에 .ui-icon을 앞에 추가합니다. $('.ui-icon-info').css("background-color", "red");

예를 참조하십시오 : http://jsfiddle.net/androdify/LVnZw/

출처

2013-06-28 10:28:14 dejavu

같은 배경색을 아이디 .ui-아이콘 .icon - 해군 아이가있는 경우보고 설정하는 방법이 있나요, 당신은 새로운 CSS를 만들어야합니다 당신의

<ul class="customIconColor "></ul>

태그

.ui-listview.customIconColor .ui-icon{ 
    background-color: #0fc21a /*{global-icon-color}*/; 
    background-color: rgba(.05,.9,.1,.9) /*{global-icon-disc}*/; 
}

이 클래스를 삽입 같은 클래스와 나를 위해 잘 작동합니다. 귀하의 경우,

<a></a>

태그에 삽입하십시오. 그리고 데이터 역할을 확인하십시오. 목록보기 였기 때문에 원하는대로 CSS 클래스를 수정하십시오.

출처

2013-06-28 09:31:08 Tekateyy

아이콘의 배경색을 변경하는 방법

답변

관련 문제