Comment appliquer CSS aux boutons?

Question

Je veux appliquer des CSS à tous mes boutons mais ne référençant pas tous les boutons de ma feuille de style CSS. La façon de procéder?

<button id="buttonEdit">Save</button> 

J'essaie déjà:

input[type=button] 
{ 
    fonr-size: 80%; 
} 

mais cela ne fonctionne pas.

Merci.

Answer 1

Avez-vous des styles associés à l'ID buttonEdit dans votre CSS?

Je viens recopié dans votre bouton à une « Try It Yourself », à la W3Schools, et ajouté mon propre style dans l'en-tête

button { font-size: 80%; } 

Comme tout le monde a déjà posté ailleurs, et cela a fonctionné. J'ai fait un test avant de voir le bouton, puis ajouté le style & rafraîchi. Le texte du bouton est devenu plus petit.

S'il n'y a pas de styles associés à buttonEdit qui pourraient faire des dégâts, alors je vérifierais que vous n'avez pas accidentellement oublié le deux-points après la taille de police.

Answer 2

button, input[type=button] 
{ 
    font-size: 80%; 
} 

L'élément est button, pas input

Answer 3

Vous faites référence à un bouton, pas un champ d'entrée, vous devez donc utiliser le terme correct dans css.

button 
{ 
    font-size: 80%; 
} 

Answer 4

Vous n'utilisez pas input avec type="button", mais un élément button:

button 
{ 
    font-size: 80%; 
} 

Answer 5

Une solution rapide et méchant est juste de mettre style="style:value;" dans chaque balise button.