HTML boîtes de saisie de texte sont utilisés dans les formulaires pour recueillir de l`information de l`utilisateur. Intrinsèquement, ils comprennent des ombres en fonction de ce navigateur que vous utilisez. Safari, par exemple, a le vol stationnaire bleu autour de la boîte lorsqu`elle se concentre sur la boîte. L`utilisation de CSS peut supprimer l`ombre d`textboxes d`entrée et de les personnaliser pour adapter la conception de l`ensemble du site. La plupart du temps un développeur maintiendront la boîte sensation, mais parfois une conception graphique sera appliqué à une zone de texte. Une tâche comme enlever une ombre de texte ne doit pas sacrifier la fonctionnalité de l`élément de forme, mais l`améliorer.
Ouvrez un éditeur de texte tel que Dreamweaver ou BBEdit (voir Ressources) et créer un fichier HTML. Insérez un formulaire HTML, y compris au moins une entrée de type ="texte". Créez un fichier stylesheet et nommez-le "main.css."
Créer une classe CSS pour textboxes d`entrée. Donnez-lui un nom qui est proche de ce que ce sera le style tels que "textboxes." Ce nom de la classe va résider dans votre fichier stylesheet et tiendra la définition de style pour vos zones de texte.
Définir les attributs de votre classe CSS. Voici des exemples d`attributs spécifiques que vous pourriez avoir à définir:
border: 1px solid # 000000;
font-size: 14px;
color: # 333333;
padding: 5px 5px 5px 5px;
background: url ("images / myinputbox.jpg") 0 0 no-repeat;
width: 300px;
position: relative;
float: left;
Modification de l`attribut border est le plus important à l`évolution de tout attribut de saisie de texte. C`est généralement ce qui détermine l`observation autour de la zone de texte. Réglage de rembourrage vous permet de déterminer la quantité d`espace (en pixels) à l`intérieur de la zone de texte. Taille de la police et la couleur vous permettent de déterminer la taille et la couleur du texte de la zone de saisie. Ajout d`un arrière-plan vous permet de personnaliser votre zone de texte d`entrée pour suivre la conception de votre site Web.
Ajoutez la classe que vous avez créé à une entrée de texte que vous voulez stylé. Suivez ce format:
Utilisez la même classe pour chaque zone de saisie de texte de sorte que le même style sera appliqué de manière égale sur toutes les boîtes de saisie de texte.
Insérez votre fichier stylesheet dans votre fichier HTML dans le
Étiquette. Suivez ce format:Ouvrez votre fichier HTML dans un navigateur Web et afficher la boîte d`entrée (s) que vous avez créé. Réviser fichier stylesheet que nécessaire pour obtenir le look désiré et se sentir.
