Les développeurs Web placent les boutons d`entrée sur les formulaires pour permettre aux utilisateurs de soumettre des données, et parfois des boutons de contrôle des éléments interactifs sur les pages Web, tels que les menus bascule du. Chaque navigateur affiche des boutons d`entrée d`une manière différente, et d`ajouter à la confusion, le rendu est en outre effectué par les différents systèmes d`exploitation utilisés par vos visiteurs. Réglage de dimensions pour vos boutons d`entrée HTML rend conceptions de site Web plus stable et moins susceptibles de se briser. Vous pouvez le faire Cascading Style Sheet (CSS) code à l`aide.
Ouvrez le fichier HTML de votre page Web dans un éditeur de code tel que NotePad ++, jEdit ou BBEdit. Recherchez le code pour le bouton que vous souhaitez modifier, qui ressemble à ceci:
Vérifiez la valeur de l`attribut "id" pour que Étiquette. Si aucun "ID" est défini, puis l`ajouter dans votre Étiquette. Utilisez un nom significatif unique. Vous utiliserez ce nom en CSS pour cibler ce bouton spécifique.
Ouvrez votre fichier CSS ou ajouter du code entre les balises, qui à son tour passer entre les
et Tags de votre fichier HTML. Ajoutez le code suivant:my-button {largeur: 150px;
}
La marque de hachage est un préfixe indiquant le navigateur pour cibler un attribut "ID", et qui est suivi par le nom que vous avez donné la Étiquette. Entre les accolades, définissez la propriété "largeur" à votre valeur souhaitée. L`exemple ci-dessus montre une largeur de 150 pixels, mais vous pouvez définir ems en remplaçant le "px" par "em".
Conseils Avertissements
- Vous pouvez également spécifier la hauteur, le rembourrage, les marges et les autres propriétés CSS pour le bouton d`entrée de HTML.
- Depuis boutons affichent différemment selon les navigateurs et systèmes d`exploitation, ne vous attendez pas à des boutons pour regarder la même chose pour chaque visiteur. Si vous avez besoin d`une certaine hauteur, la police ou la couleur de votre bouton, assurez-vous de mettre tous en CSS.
