Résolu Comment contrôler un input en CSS ?

Inscription
7 Août 2016
Messages
38
Réactions
20
Points
156
Bonsoir,

J'aimerais savoir comment je pourrai ajouter une class à ce code pour pouvoir changer l'apparence du bouton :
Code:
<form method="POST" action="http://test.fr">
<button type="submit" name="bouton_perso"><i class="fa fa-check"></i> Test</button></form>
Je bloque depuis quelques heures, j'ai tout essayé mais rien ne fonctionne. :rofl:

J'avais un autre code du genre mais le FA ne s'affichait pas :
Code:
<form method="POST" action="http://test.fr">
<input type="submit" value="<i class="fa fa-check"></i> Test" class="bouton_perso" />
Donc du coup, je suis bloqué, pouvez-vous m'aidez s'il vous plaît ?

Merci d'avance. :D
 

1899

Ancien staff
Inscription
10 Août 2012
Messages
9 798
Réactions
4 482
Points
29 037
Pour déclarer une class dans ton bouton, tu ajoutes simplement class="ta_class" dans ta balise :
HTML:
<form method="POST" action="http://test.fr">
<button type="submit" name="bouton_perso" class="button"><i class="fa fa-check"></i> Test</button></form>

Ensuite, pour le FA, tu pourras faire ceci :
input.button:before{
font-family: "FontAwesome";
content: '\f081';
margin-right: 5px;
color: white;
}

Par exemple, mais je ne sais pas si le FA sera dans le boutton par contre :p
 
Cette réponse a aidé l'auteur de cette discussion !
Inscription
7 Août 2016
Messages
38
Réactions
20
Points
156
Pour déclarer une class dans ton bouton, tu ajoutes simplement class="ta_class" dans ta balise :
HTML:
<form method="POST" action="http://test.fr">
<button type="submit" name="bouton_perso" class="button"><i class="fa fa-check"></i> Test</button></form>

Ensuite, pour le FA, tu pourras faire ceci :
input.button:before{
font-family: "FontAwesome";
content: '\f081';
margin-right: 5px;
color: white;
}

Par exemple, mais je ne sais pas si le FA sera dans le boutton par contre :p
Wtf t'es sérieux ? Tu me demandes de créer un topic alors que la réponse est si simple et que j'ai passé 20 minutes à créer ce topic ? ._. Du coup je vais essayer, merci :d:
 
Inscription
7 Août 2016
Messages
38
Réactions
20
Points
156
Pour déclarer une class dans ton bouton, tu ajoutes simplement class="ta_class" dans ta balise :
HTML:
<form method="POST" action="http://test.fr">
<button type="submit" name="bouton_perso" class="button"><i class="fa fa-check"></i> Test</button></form>

Ensuite, pour le FA, tu pourras faire ceci :
input.button:before{
font-family: "FontAwesome";
content: '\f081';
margin-right: 5px;
color: white;
}

Par exemple, mais je ne sais pas si le FA sera dans le boutton par contre :p
Merci beaucoup beau gosse :love:
 
Haut