JQuery UI - я не могу стиль кнопки флажка

Question

Так что у меня проблема с функцией 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?

Answer 1

Попробуйте удалить кнопку. ().Попробуйте это $ ("# nextday_button"). Css ('font-size', '36px');

Answer 2

Хорошо, благодаря Гиафу Серхалу я обнаружил, что не могу подобрать саму кнопку таким образом:

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

потому что этот код только устанавливает стиль флажка. Вместо этого я должен стилизовать метку, поэтому я назначил идентификатор метке, а затем изменил JS на:

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