제거 JQuery Mobile에서 입력 주위에 여백 넣기

Question

확인란과 분할보기 (http://jsfiddle.net/rogergl/sAzbv/)를 결합하고 싶습니다.

<ul data-role="listview" data-inset="true"> 
    <li> <a> 
      <input data-iconpos="right" name="checkbox-h-6a" id="checkbox-h-6a" type="checkbox"> 
       <label for="checkbox-h-6a">One</label> 
      </input> 
    </a> 
     <a href="#" data-icon="info" onclick="alert('Hello')"> 
      This is a link 
     </a> 
    </li> 
</ul> 

지금까지 패딩/여백과 테두리를 제거 할 수 없었습니다. 입력 요소 주위의 채우기/여백 및 테두리를 제거 할 수 있습니까?

내가 현재 가지고있는 해결 방법은 onclick 이벤트 처리기를 사용하고 이벤트 처리기에서 이미지를 설정하는 것입니다. 그러나 더 간단한 해결책이 있는지 알고 싶습니다.

Answer 1

CSS 선택기에서보다 구체적으로 재정의해야하는 jQuery 모바일에 기본 스타일이 많이 있습니다. 아래 예 :

#yourDiv a .ui-checkbox .ui-btn-icon-right .ui-btn-inner