Changement des couleurs d'une zone de texte - HTML/CSS

Pour changer des formulaires monotones

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 :

Code

Cette zone de texte aura une largeur de vingt caractères, texte noir sur fond blanc.

Pour la personnaliser, rajoutez l'attribut CSS "style" :

Code

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
Ce tutoriel est la propriété d'Aidoweb et ne peut en aucun cas être copié.

Retour à HTML/CSS

Ajouter un commentaire

Suite a un fort volume de spam, les commentaires d'invités sont pour le moment désactivés. Vous devez vous inscrire ou vous identifier pour pouvoir commenter cet article, ou demander du support.

Lectures recommandées

Commentaires sur cet article

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 Sourire