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...

Nouveau service en ligne de TJS

cleanMyJS : Détectez toutes les erreurs JavaScript de vos sitescleanMyJS.com
Détectez, enregistrez et analysez toutes les erreurs JavaScript de vos sites
Le 11/12/2018 12:52:39 sur php7 en 13.08 ms