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
Mary-Kate Olsenoriginal
2024-11-10 19:34:03809parcourir

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;
}

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!

Déclaration:
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