Question : Comment modifier l'apparence (couleur, taille, police) des éléments de formulaire ?

Réponse :

Les navigateurs actuels permettent tous de modifier l'apparence classique des éléments de formulaire grâce à l'application de styles personnalisés.
Par exemple pour faire une zone de saisie sur fond avec une petite police arial en gras, il faut écrire :
<input type=text style="font-color:arial;font-weight:bold;color:white;font-size:11px;background-color:red" value="contenu">
qui aura pour effet d'afficher :

On peut aussi modifier les contours :
< input type=text style="border-color:red;border-style:dotted;border-width:1px;" value="contenu">

La taille d'un champ :
< input type=text style="width:200px;height:30px;font-size:20px" value="contenu">

Ce principe peut s'appliquer à tous les éléments (zone de saisie, bouton, case à cocher, listes...)
Attention à bien vérifier que l'affichage est correct avec les navigateurs principaux.
Je vous invite à lire le tutorial sur les feuilles de style pour connaître la liste des styles existants.

Liens en rapport :

Tutorial sur les feuilles de style (Rapport = 100 %)

Autres questions :

Comment souligner un lien au passage de la souris ?
Comment colorier les barres de défilement ?

Revenir à la liste des questions

Troisième édition Tout JavaScript chez Dunod

En savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Dunod Fnac Amazon

Question : Comment modifier l'apparence (couleur, taille, police) des éléments de formulaire ?

Réponse :

Liens en rapport :

Autres questions :

Troisième édition Tout JavaScript chez Dunod

Chercher une fonction, un objet, ...