2010-11-25 13 views
3

ボタン()機能に問題があります。jQuery UI - チェックボックスボタンをスタイルできません

HTML:

<input id="nextday_button" name="nextday" type="checkbox" value="true" /><label for="nextday_button">yes</label> 
<input id="submit_button" name="commit" type="submit" value="Check" /> 

JS:#submit_buttonため

$("#nextday_button").button().css('font-size','36px'); 
$("#submit_button").button().css({'font-size':'22px', 'padding': '3px 12px 3px 12px'}); 

スタイリングは完全に取り組んでいるが、私は#nextday_buttonのスタイルを傾けます。 .css()はこのケースでは動作していないようです。 HTMLで何か間違っているのですか?

答えて

3

[OK]を、Ghyath Serhalのおかげで、私は「ボタン」自体をこのようにスタイルすることができないことがわかりました。代わりにラベルをスタイルする必要があるため、ラベルにIDを割り当ててからJSを次のように変更しました。

$("#nextday_button").button(); 
    $("#nextday_label").css('font-size','36px'); 
4

.Button()を削除してください。 この$( "#nextday_button")を試してください。css( 'font-size'、 '36px');このコードはのみのチェックボックスをスタイリングしているため

$("#nextday_button").button().css('font-size','36px'); 

関連する問題