체크 상자 대신 체크 상자를 체크 표시합니다.

Question

체크 박스의 기본 체크 표시 대신 이미지 체크 표시 방법

checkedCls 구성을 사용해 보았습니다.이 이미지에서는 체크 박스의 뒷면에 이미지가 오지만 그 이미지가옵니다.

checkedCls: 'checkedBoxStyle' 

---

.checkedBoxStyle{ 
     background-image:url('http://www.chathamhouse.org/sites/default/files/public/images/buttons/tick-icon.png'); 
     background-repeat:no-repeat; 
} 

jsfiddle

를 시작합니다.

당신은 여기에 전체 이미지를 변경해야합니다 :

Answer 1

글쎄, 이미지는 원본 이미지는 다음과 같습니다

.x-form-cb-checked { 
    background-position: 0 -13px; 
} 

원인과의 배경 위치를 변경합니다.

나는 재정과 같이

기본 클래스를 변경하고 강제로 제안 :

.newBase input{ 
    background-image:url('../resources/images/checkBox_Tick_Mark.png') !Important; 
} 

을 그리고 설정에

... 
baseCls: 'newBase', 
... 

당신의 JSFiddle (이미지 경로를 참조 올바르지 않지만 트릭을 표시해야합니다.)