0

こんにちは皆さん、私はJQueryが初めてです

JQueryボタンのサイズを変更したい 私のコードは

<input type="submit" id="Btn1" value="Login"/>

スクリプトで

 $(document).ready(function(){
           $("#Btn1").button();
   });

しかし、私は大きなフォントと大きなボタンを取得します.CSSを介して小さなサイズでそれを望んでいます.

前もって感謝します

4

4 に答える 4

0

Jquery uiには、Buttonとしてレンダリングする独自のスタイルシートがあり、機能を実現するために舞台裏でさまざまなクラスを使用します。デモを確認できますJquery Button

jqueryはui-buttonクラスを使用してボタンを装飾します。このように設定をオーバーライドできます

input.ui-button
{
    font-size:14px;
    padding:.3em 1em;
}

とWorking Demo

</ p>

于 2012-10-21T12:03:20.430 に答える
0

CSS コード:

#Btn1 {
  font-size: small;
}

また：

#Btn2 {
  font-size: 50%;
}

デモ

于 2012-10-21T11:35:49.500 に答える
0

ボタンのサイズを変更するには、次のようにします。

.button_class_name {
 display: block;
 width: 60%;

}

于 2012-10-21T11:38:04.087 に答える
0

Jquery UI は、相対 EM を使用してすべての要素のサイズを設定します。Jquery UI プロジェクトでフォント サイズをグローバルに設定するための大雑把な CSS がないと、UI のウィジェットの大部分に大量のボタンと大きなテキストが表示されることになります。

すべての Jquery UI 要素でこれを修正するには、本文にフォント サイズを絶対に設定します。

body {
    font-size:10pt; // or 12px
}

これにより、サイトにある他のすべてのフォント サイズが台無しになるため、このようなものを CSS にレトロコーディングする場合は注意して使用してください。

または、最上位の親を分離し、ボタンによって継承され、Jquery UI によって相対的にサイズ変更される絶対フォント サイズを宣言することもできます。

.button_container {
    font-size:10pt; // or 12px
}
于 2012-10-21T11:40:05.673 に答える