새 아이콘 정의 접을 수있는 JQuery

JQuery 축소 가능보기에 대한 사용자 지정 아이콘을 정의하려고합니다. 기본 JQuery CSS 및 .JS 파일을 수정하지 않고도이 작업을 수행하고 싶습니다. 여기 새 아이콘 정의 접을 수있는 JQuery

는 내가 무엇을 시작으로 오전의 jsFiddle입니다 :이 시도 http://jsfiddle.net/jakechasan/M7LLU/

,하지만 성공 :

여기

#plus .ui-icon { 
    background: url(open.png) 50% 50% no-repeat; background-size: 24px 22px; 
}

내 원하는 모양이된다 (다음에 사용자 정의 아이콘을 통지 행 제목) [주 :이 단지 포토샵 모형이다]

enter image description here

사람은 t 변경하는 방법에 대한 아이디어가 있습니까 그의?

감사합니다.

출처

2014-03-30 Jake Chasan

, 사용 가능한 아이콘을 찾을 수있는 방법 여기를 변경 -> http://api.jquerymobile.com/icons/. 사용자 정의 아이콘의 경우 Font Awesome 또는 유사한 프로젝트가 작동 할 수 있습니다. – adeneo

답장을 보내 주셔서 감사합니다. 그러나 표준이 아닌 아이콘을 사용하려고합니다. 하나는 글리프 아이콘 집합의 아이콘입니다. 어떻게 아이콘을 변경하는 방법에 대한 아이디어? –

jQuery Mobile에서 설정 한 아이콘의 선택기는 .ui-icon-plus:after 인 것 같습니다.

자신의 CSS에 추가하면 표준 아이콘을 무시할 수 있습니다. 정말 사용할 수있는 아이콘이 아니다 DEMO

.ui-icon-plus:after { 
    background: url("http://upload.wikimedia.org/wikipedia/commons/3/34/Red_star.svg") top center no-repeat; 
    border-radius: 0; 
}

출처

2014-03-30 18:06:33 Mathias

게시 주셔서 감사합니다. 이 데모에서는 회색 원이 여전히 별 주변에 윤곽이 그어져 있음을 알았습니다. 그걸 제거 할 방법이 있습니까? –

@JakeChasan 예, 배경색을 덮어 쓰는 CSS 규칙을 추가하기 만하면됩니다. 배경 이미지 대신 배경을 무시하도록 내 대답을 업데이트했습니다. – Mathias

@ jakechasan이게 문제를 해결 했습니까? – Mathias

새 아이콘 정의 접을 수있는 JQuery

답변

관련 문제