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

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...

Le guide complet du javascript

Le Guide Complet du JavascriptEn savoir plus sur mon livre aux Editions Micro Application
Le 21/09/2017 17:58:46 sur php7 en 11.97 ms