web-dev-qa-db-fra.com

CSS supprime la bordure bleue par défaut

J'ai un formulaire avec plusieurs boutons où j'utilise un JavaScript pour soumettre le deuxième bouton lorsque quelqu'un appuie sur entrer.

Cela fonctionne très bien, mais si j’ouvre ce formulaire dans IE, le premier bouton reçoit une bordure bleue qui indique à l’utilisateur "c’est le bouton sur lequel vous appuierez lorsque vous appuierez sur l'entrée".

Est-il possible de supprimer cela avec CSS sans surcharger le style du bouton?

default button style

Exemple:

<button  onclick="javascript:alert('remove');">Remove name</button>
htmlcssinternet-explorerbuttonborder
26
Peter

Pensez que cela devrait fonctionner (uniquement testé IE10 sur PC) pour la frontière:

button { outline: 0; }

Voulez-vous supprimer l'arrière-plan (nécessaire sur WebKit/Blink)?

Ajouter:

background: none;

Besoin de se débarrasser de la bordure (supprime également le fond sur IE10):

border: 0;

24
Ben Frain

Utilisez ce code:

button { border:0;}
12
Touhid Rahman

ma solution (après quelques mois)

button:focus {
outline: 0;
box-shadow: none;
}
6
Leandro RR

Cela peut vous aider. Utilisez les propriétés CSS suivantes:

input, 
input:active, 
input:focus {     
    outline: 0;     
    outline-style: none;     
    outline-width: 0; 
}
2
Butani Vijay

Utilisez ce code:

button {
    border : 0px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
     border-radius:7px;
}
2
Mohammad Areeb Siddiqui
#sideToggle:focus, #sideToggle:active{
  outline: 0;     
  outline-style:none;     
  outline-width:0;
}

Cela a résolu mon problème si quelqu'un d'autre visitait le poste. J'ai ajouté mes propres styles séparément, car ils ne sont pas vraiment au cœur du problème. 

0
crazyjedi98