Comment changer la couleur d'un bouton en html ? Introduction à l'utilisation des balises de boutons HTML

Cet article présente principalement certaines applications des étiquettes de boutons HTML. Il présente principalement comment changer la couleur des étiquettes de boutons. Ce chapitre contient toutes les connaissances de base. J'espère que vous pourrez bien le maîtriser et pratiquer davantage. cet article

Tout d'abord, présentons le label du bouton :

Le label définit un bouton.

À l'intérieur de l'élément bouton, vous pouvez placer du contenu, tel que du texte ou des images. C'est la différence entre cet élément et le bouton créé à l'aide de l'élément input. Le contrôle

offre des fonctions plus puissantes et un contenu plus riche que le . Tout ce qui se trouve entre les balises et correspond au contenu du bouton, y compris tout contenu de corps acceptable, tel que du texte ou du contenu multimédia. Par exemple, nous pouvons inclure une image et le texte associé dans un bouton et les utiliser pour créer une image de balisage attrayante dans le bouton.

Le seul élément interdit est le mappage d'images, car ses actions sensibles à la souris et au clavier interfèrent avec le comportement des boutons du formulaire.

Spécifiez toujours l'attribut type pour les boutons. Le type par défaut dans Internet Explorer est « bouton », tandis que le type par défaut dans d'autres navigateurs (y compris la spécification du W3C) est « soumettre ».

Remarque : Si vous utilisez l'élément bouton dans un formulaire HTML, différents navigateurs soumettront des valeurs de bouton différentes. Veuillez utiliser des éléments d'entrée pour créer des boutons dans les formulaires HTML.

En présentant tout cela, approfondissons notre compréhension de la balise de bouton html.

Voyons maintenant comment changer la couleur d'un bouton en HTML :

<button>
php中文网
</button>

C'est le bouton le plus simple, comme le montre l'image :

Je pense que tout le monde devrait connaître ce simple bouton. Jetons maintenant un coup d'œil à un exemple de code pour ajouter des styles et des couleurs :

<button type="button" class="btn"  style="background-color: #7ED321;width: 76px;height: 36px;color: #FFFFFF">
php中文网
</button>

<.>Voici le code pour ajouter des styles et des couleurs : ajoutez quelques attributs simples et autres, laissez-le changer le style et voyez à quoi il ressemble maintenant :

Ce style est-il bien meilleur que le style original ? Ah, vous pouvez également ajouter beaucoup de styles et commencer à taper le code vous-même.

Regardons maintenant l'introduction des attributs des balises de bouton

Cela permet d'éviter que tout le monde n'oublie les attributs dont il a besoin lors de la saisie du code

Ce qui précède représente l'intégralité du contenu de cet article. Je pense que tout le monde devrait savoir comment changer la couleur des étiquettes des boutons. Une fois que vous aurez appris les applications avancées, vous aurez l'impression que ce que vous apprenez maintenant n'est rien. . Si vous avez des questions, vous pouvez laisser un message ci-dessous.

【Recommandation de l'éditeur】

Comment définir le défilement de l'image dans la balise de sélection HTML ? Exemple de code de défilement d'image de balise de sélection

Comment définir la couleur de la police en html ? Introduction à la façon de définir la couleur de la police en CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!