jQuery UI - 我无法设置复选框按钮的样式答案

【问题标题】：jQuery UI - I can't style checkbox buttonjQuery UI - 我无法设置复选框按钮的样式
【发布时间】：2019-11-19 13:52:41
【问题描述】：

所以我的 button() 函数有问题。

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 中做错了吗？

【问题讨论】：

标签： jquery jquery-ui button checkbox

【解决方案1】：

尝试删除 .Button()。试试这个 $("#nextday_button").css('font-size','36px');

【讨论】：

【解决方案2】：

好的，感谢 Ghyath Serhal，我发现我无法以这种方式设置“按钮”本身的样式：

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

因为这段代码只是设置复选框的样式。我应该为标签设置样式，所以我为标签分配了一个 ID，然后将 JS 更改为：

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

【讨论】：