1

jQuery モバイル 1.4.0 に次のボタンがあります。次の画像のボタンのように境界線の半径を変更したいです。次のコードを試しましたが、うまくいきませんでした。 jQuery モバイル 1.4.0 でボタンの境界線の半径を変更しますか? 助けてください..

<div   class="ui-btn ui-input-btn  center_BTN " >                                                   
<input type="button" id="save" data-inline="true" value=" Save"  data-icon="check"      />

</div>

CSS

.center_BTN {
  text-align:center;
  background-color:transparent !important;
  border:none;
}


.center_BTN.ui-btn,.center_BTN .ui-input-btn{

  border: solid #cccccc 5px;
  border-radius:32px !important;

}

ここに画像の説明を入力

4

2 に答える 2

4

アップデート

jQM は、JS の介入を必要としない新しい機能を追加しました。たとえば、カスタム クラスを作成し、それ自体に属性をfoo追加します。data-wrapper-class="foo"input

<input type="button" data-wrapper-class="foo" />

デモ

古い答え

inputjQuery Mobileは、すべての CSS スタイルが追加された div で動的にラップするため、静的にスタイルを設定することはできません。

すべての CSS を使用してカスタム クラスを作成し、ページの作成後に追加します。

$(".selector").closest("div").addClass("custom-class");

デモ

于 2014-01-25T11:26:45.100 に答える