列表視圖中的JQuery移動/輸入文本

我有幾個輸入字段是在一個列表視圖條目。所以現在我試圖用來設置輸入字段的CSS樣式，使其看起來像一個普通的listview條目。列表視圖中的JQuery移動/輸入文本

輸入字段將由angular's 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> 
...

listview

幫助雙方應該像一樣！

來源

2013-07-31 DehMotth

你需要什麼確切的幫助？ – Sheetal

我們不理解你的查詢，你可以放一些代碼或設置一個小提琴嗎？ – Akki619

我已更新我的問題。 – DehMotth

嘗試添加以下到你的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/

來源

2013-07-31 14:52:49

+1工程就像一個魅力！謝謝！ – DehMotth

列表視圖中的JQuery移動/輸入文本

回答

相關問題