목록보기의 JQuery 모바일/입력 텍스트

Question

나는 목록보기 항목 안에있는 여러 입력 필드가 있습니다. 그래서 지금은 일반적인 listview 항목처럼 보이는 방식으로 입력 필드의 CSS 스타일을 시도하고 있습니다.

입력란은 각도 'ng-model'로 채워지지만 실제로는 중요하지 않습니다.

이 내가 지금까지 한 일이지만, 나는 모두가 같은과 같아야 등

// CSS input 
.ui-input-text{ 
    border: none !important; 
    box-shadow: none !important; 
    background-color : transparent; 
} 

// HTML 
<ul data-role="listview" data-divider-theme="b"> 
<li data-role="list-divider">Verbraucher</li> 
<li data-mini="true"> <a href="#"> 
// This should look like a "normal" listview entry! 
<input type="text" ng-model="cust.firstname" name="cust_firstname" required>  
</a></li> 
... 

여백/패딩 도움이 필요하다고 생각!

Answer 1

에 한번 당신의 CSS에 다음을 추가 : 목록보기에서 입력 한 다음

.ui-input-listview { 
    margin-top: -1em !important; 
    margin-bottom: -1em !important; 
    margin-left: -0.5em !important; /* If you want to fix left as well */ 
    margin-right: -0.5em !important; /* If you want to fix right as well */ 
} 

그리고, 여기 UI를 입력-목록보기

<input class="ui-input-listview" type="text" ng-model="cust.firstname" name="cust_firstname" required="required"> 

jsFiddle에 클래스를 설정 - http://jsfiddle.net/EnF2w/1/