|
|
Il y a actuellement 301 tutoriaux sur Aidoforum. Toute reproduction, partielle ou complète, est interdite.
Retour aux tutoriaux.
|
| HTML/CSS -> Changement des couleurs d'une zone de texte |
Il est possible de modifier l'apparence par défaut, définie par les paramètres du navigateur de l'utilisateur, des champs de texte avec du CSS.
Soit une zone de texte normale :
<input type="text" size="20">
|
Cette zone de texte aura une largeur de vingt caractères, texte noir sur fond blanc.
Pour la personnaliser, rajoutez l'attribut CSS "style" :
<input type="text" size="20" style="background-color: #ECECEC; color: #00FF00; font-weight: bold; border-width: 1px; font-size:12pt">
|
Liste des attributs cités :
- background-color: est la couleur héxadécimale du fond de la zone de texte
- color: est la couleur du texte
- font-weight: est la mise en forme du texte, à savoir bold, italique ou underline
- border-width: est la taille en pixels de la bordure de la zone. ( pour 0 pixels : border: none )
- font-size: est la taille en pixels de la police d'écriture. ( peut être aussi exprimée en % )
| | Par Pouzy, le 16 Avril 2005 à 19h07 |
| Commentaire de Orangeloulou le 09 Juin 2006 à 13h38 |
Sinon on peut très bien y faire avec des class...
[code]
<input type="text" size="20" class="champs-texte">
[/code]
Et dans le css faire :
[code]
.champs-texte {
background-color: #ECECEC;
color: #00FF00;
font-weight: bold;
border-width: 1px;
}
[/code]
Enfin, ça c'est ma manière de faire, après c'est à vous... J'aime pas trop rendre mon code html "bourré" avec du css...
orange 
|
| /!\ Vous devez être inscrit pour pouvoir commenter ce tutoriel, ou demander du support. /!\ |
|
|
|
|
|
|
