css - JQuery mobile / input text in listview -


i have several input fields inside listview entry. i´m trying style css of input fields in such way looks normal listview entry.

the input field filled out angular´s ng-model, not important.

this did far, think need margin/padding etc.

// 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="#"> // should "normal" listview entry! <input type="text" ng-model="cust.firstname" name="cust_firstname" required>     </a></li> ...  

listview

both should same!

try add following css:

.ui-input-listview {   margin-top: -1em !important;   margin-bottom: -1em !important;   margin-left: -0.5em !important; /* if want fix left */   margin-right: -0.5em !important; /* if want fix right */ } 

and then, input in listview, set class ui-input-listview

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

jsfiddle here - http://jsfiddle.net/enf2w/1/


Comments

Popular posts from this blog

basic authentication with http post params android -

vb.net - Virtual Keyboard commands -

css - Firefox for ubuntu renders wrong colors -