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> ...
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
Post a Comment