Retourner à la page d'accueil de TJS

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 :

Autres questions :

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



Revenir à la liste des questions

Rechercher : dans les titres - les réponses

Mon nouveau livre Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 6 février 2019

Version papier à 29€90
Format électronique à 21€90.

Commandez en ligne Dunod  Fnac  Amazon

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...
Le 22/10/2019 06:08:00 sur php7 en 15.38 ms