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

Nouveautés du moment sur le site

Maj tuto AJAX avec XMLHTTPRequest

Le tutorial sur la console Javascript

Le format JSON

Les instructions try ... catch

L'objet XMLHttpRequest

Chercher une référence

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 24/07/2017 08:49:42 sur php7 en 12.17 ms