Maison > interface Web > tutoriel CSS > Comment se débarrasser de la bordure sur les boutons de saisie ?

Comment se débarrasser de la bordure sur les boutons de saisie ?

Mary-Kate Olsen
Libérer: 2024-11-10 19:34:03
original
773 Les gens l'ont consulté

How to Get Rid of the Border on Input Buttons?

Résoudre le problème de bordure dans les boutons de saisie

Lorsque vous cliquez sur un bouton de saisie, une bordure disgracieuse apparaît, gâchant l'attrait esthétique. Pour résoudre ce problème, diverses approches ont été tentées, telles que l'utilisation de onfocus: none. Cependant, ces efforts se sont révélés vains.

Pour résoudre ce problème persistant, une solution simple réside dans le domaine du CSS. En incorporant le contour : aucun ; dans votre définition de style, vous pouvez effacer comme par magie cette bordure indésirable.

Voici une version mise à jour du code CSS qui éliminera la bordure :

input[type=button] {
    width: 120px;
    height: 60px;
    margin-left: 35px;
    display: block;
    background-color: gray;
    color: white;
    border: none;
    outline: none;
}
Copier après la connexion

En appliquant cette règle CSS, l'inesthétique la bordure disparaîtra lorsque vous cliquerez sur le bouton de saisie. Votre bouton présentera désormais une apparence propre et professionnelle.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal