Interface utilisateur jQuery - Je ne peux pas mettre en forme le bouton de la case à cocher

Question

J'ai donc un problème avec la fonction 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'}); 

Le style de la #submit_button fonctionne parfaitement, mais je ne peux pas le style de la #nextday_button. .css() ne semble pas fonctionner dans ce cas. Est-ce que je fais quelque chose de mal dans le HTML?

Answer 1

Ok, merci à Ghyath Serhal Je trouve que je ne peux pas lui-même le style de la « bouton » de cette façon:

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

parce que ce code est que le style de la case à cocher. Je devrais styler l'étiquette à la place, donc j'ai assigné une identification à l'étiquette et ai alors changé le JS à:

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

Answer 2

Essayez de supprimer le .Button(). Essayez ce $ ("# nextday_button"). Css ('font-size', '36px');