11521 sujets

JavaScript, DOM et API Web HTML5

Changer la couleur d'un bouton

bonjour, j'ai très peu de connaissance en codage, et je voudrais modifier un bouton refresh que j'ai récupéré sur internet et je ne sais pas comment faire. Voici le code que j'ai utilisé
<input type="button" OnClick="javascript:window.location.reload()" value="RELANCER TOUTES LES CARTES">
Le bouton est gris avec du texte noir et mon problème c'est que je ne sais pas comment faire pour avoir des attributs de couleurs et aussi pouvoir modifier la taille du texte.
Merci pour vos réponses.
Administrateur
Bonjour,

dans le code HTML de ta page, tu peux ajouter une classe à ton élément de formulaire :
<input type="button" class="mon-bouton-refresh" OnClick="javascript:window.location.reload()" value="RELANCER TOUTES LES CARTES">


et dans la/une feuille de style (fichier CSS) ajouter une règle CSS ciblant ton bouton grâce à sa classe et avec quelques styles :

.mon-bouton-refresh {
  user-appearance: none; /* "navigateur, laisse-moi faire */
  border: none;
  font-weight: bold; /* gras */
  font-size: 1rem; /* si le texte devient piti, mettre la valeur 1.6rem */
  color: white; /* blanc sur rouge foncé */
  background: darkred;
}


Est-ce que tu sais trouver la feuille de style (les…) de ta page, modifier ça ou en créer une et la faire charger par la page HTML où se trouve le bouton ?
Sujet clos
Aller à