3

重複の可能性:
CSS による BUTTON のサイズ変更

Jquery モバイルでは、ボタンは次のように作成できます。

<a href="index.html" data-role="button"                  >Yes</a>

ミニボタンはdata-mini="true"で作成できます:

<a href="index.html" data-role="button" data-mini="true">Yes</a>

ボタンをさらに小さくするにはどうすればよいですか? （私はjqueryモバイルがデフォルトでさらに小さいボタンを持っていないことを知っています）（私はそれが必要です）

4

1 に答える 1

2

これを行う 1 つの方法は、ボタン サイズのデフォルトの css スタイルをオーバーライドし、独自の CSS クラスに追加して、小さくしたいボタンに設定することです。

CSS:

/* These values can be changed to preferred sizes */
.ui-mini.ui-mini-smaller .ui-btn-inner {
    font-size: 10px;
    padding: .45em 10px .4em;
}

次に、次のように使用します。

<a href="index.html" data-role="button" data-mini="true" class="ui-mini-smaller">Yes</a>

ここで例を参照してください: http://jsfiddle.net/XVJem/3/

于 2012-10-22T19:11:04.973 に答える