listview에서 입력 태그 주위의 여백과 테두리를 제거하는 방법은 무엇입니까?

Question

jQuery Mobile에서 목록보기 항목 안에 체크 박스를 넣으려고합니다. 위쪽/왼쪽/아래쪽과 둥근 테두리에 여분의 패딩을 제거하고 싶습니다. 앵커 태그의 오른쪽 화살표를 유지하고 싶습니다.

나는 앵커 태그의 패딩을 지워서 중 을 제거 할 수있었습니다. 파이어 폭스와 크롬의 요소를 검사하려고했지만 공간을 추가하는 것이 무엇인지 파악할 수 없습니다. 거의 대부분 입력 태그가 상위 태그를 더 많이 차지하는 것으로 보입니다. http://jsfiddle.net/HPGGk/7/

UPDATE : 여기

<ul data-role="listview" data-inset="false" data-filter="true"> 
    <li> 
    <a href="#">Normal item</a> 
    </li> 
    <li> 
    <a href="#" style="padding-top:0px;padding-left:0px;padding-bottom:0px;"> 
     <fieldset data-role="controlgroup"> 
     <label ><input type="checkbox" name="checkbox-0" />With Checkbox</label> 
     </fieldset> 
    </a> 
    </li> 
    <li> 
    <a href="#">Normal item</a> 
    </li> 
</ul> 

을 입증하는 바이올린입니다 내가 가까이있을 수 있습니다 생각합니다. 필드 세트가 패딩을 추가한다고 판단했습니다. 나는 여백을 쥐게 지금은 단지 경계 제거해야합니다

예 1 : http://jsfiddle.net/HPGGk/8/

Answer 1

는 좀 다른 그들을 몇 주 전했지만 그들은 당신을 위해 일해야한다,이 예제를 살펴 보자를 목록보기

https://stackoverflow.com/a/13564924/1848600

예 2 :

https://stackoverflow.com/a/13634738/1848600

,536,913 : JQM보기 확인란 목록보기 고전 확인란

최악의 시나리오가 나에게 메시지를 보내면 나는 당신의 모범을 재건 할 것입니다.