jQuery UI - 我不能設計複選框按鈕

Question

所以我有一個按鈕（）函數的問題。

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：

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

爲#submit_button的造型是可以正常使用的，但我不能風格#nextday_button。 .css（）在這種情況下似乎不起作用。我在HTML中做錯了什麼？

Answer 1

好，感謝Ghyath Serhal我發現我不能樣式的「按鈕」本身是這樣的：

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

，因爲這個代碼僅造型的複選框。我應該改變標籤的樣式，所以我給標籤分配了一個ID，然後將JS更改爲：

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

Answer 2

嘗試刪除.Button（）。試試這個$（「＃nextday_button」）。css（'font-size'，'36px'）;