jQuery UI - I can't style checkbox button

Question

So Im having a problem with the button() function.

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'});

The styling for the #submit_button is working perfectly, but I cant style the #nextday_button. .css() seems not working in this case. Am I doing something wrong in the HTML?

Ghyath Serhal · Accepted Answer · 2010-11-25 15:23:05Z

4

Try to remove the .Button(). Try this $("#nextday_button").css('font-size','36px');

answered Nov 25, 2010 at 15:23

Ghyath Serhal

7,6326 gold badges47 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Wang Liang · Accepted Answer · 2019-11-19 05:52:41Z

3

Ok, thanks to Ghyath Serhal I found that I can't style the 'button' itself this way:

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

because this code is only styling the checkbox. I should style the label instead, so I assigned an ID to the label and then changed the JS to:

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

edited Nov 19, 2019 at 5:52

Wang Liang

4,4527 gold badges26 silver badges50 bronze badges

answered Nov 25, 2010 at 15:32

sNiCKY

1,8433 gold badges18 silver badges20 bronze badges

Collectives™ on Stack Overflow

jQuery UI - I can't style checkbox button

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related