2

リストビュー エントリ内にいくつかの入力フィールドがあります。そこで、通常のリストビュー エントリのように、入力フィールドの CSS のスタイルを設定しようとしています。

入力フィールドは angular の 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>
...

リストビュー

どちらも同じに見えるはずです！

4

1 に答える 1

3

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-listview に設定します

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

ここのjsFiddle - http://jsfiddle.net/EnF2w/1/

于 2013-07-31T14:52:49.257 に答える