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

Jquery 모바일 아이콘을 사용하고 있습니다. 실제 아이콘 색상을 빨간색으로, 배경을 흰색으로 변경하려면 약간의 혼란이 있습니다. 아래 HTML 코드를 참조하십시오.jquery 아이콘의 색상을 변경하는 방법

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

이러한

Icons should be like this

당신은 데이터-테마 속성을 추가 할 필요가 JS FIDDLE HERE

출처

2014-12-18 Murali Prasanth

을 시도하는 것 : 당신은 아이콘의 배경 이미지를 자신 만의 아이콘을 만든 다음 변경해야? –

이것은 표시된 대상과 중복되지 않습니다! – MixedVeg

변경할 요소를 찾으십시오.이 경우 .ui-btn-icon-notext .ui-btn-inner .ui-icon {margin : 2px 1px 2px 3px; float : left;} (기본값), 배경 추가 -color : # ff0000; 여기에이 스타일을 ext 스타일 시트에 넣고 (jquery 기본 CSS 파일 다음에) 머리에 추가하면 다른 해결책은 custom class forex class = "mybtn"을 정의하여 css를 정의한 다음 impotant를 넣습니다. – MixedVeg

-1

참조 다음, 당신은 jQuery를 모바일 themeroller를 사용하여 테마를 만들 수있는 아이콘이되어야한다고. 다른 색상의 fiddle입니다.

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

그런 다음, jQuery를 모바일에 대한 자신 만의 테마를 만들 검사관을 사용하고 오른쪽 요소를 찾아 다음 CSS를 추가하지 않으려면

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

업데이트 : 예를 들어 지금까지

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

}

출처

2014-12-18 06:30:47 sfewfed

빨간색으로 아이콘 색상을 변경하고 싶습니다. 위 이미지를 참조하십시오. –

답을 업데이트했습니다. 나는 그것이 당신을 돕기를 바랍니다. 원하는 색상으로 아이콘을 만들어야합니다. – sfewfed

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

답변

관련 문제