Changer la couleur de la bordure en pointillés sur le bouton

Question

J'ai un problème avec un bouton dans une de mes formes, quand un utilisateur clique sur le bouton, il montre cette bordure pointillée noire à l'intérieur. Je voudrais supprimer cela, mais je ne sais pas comment. Je n'ai pas mis cette frontière dans le CSS ...

Button http://i48.tinypic.com/2mwwjf8.png

((Pour ceux qui se demandent, la légende signifie "recherche"))

---

Je cherchai il y a quelque temps, mais avec "pointillé" au lieu de "pointillé" et n'a donc rien trouvé. J'ai cherché avec "pointillé" maintenant et trouvé this, désolé, mais y at-il un moyen de changer la couleur de cette bordure? (Je pense que cela ne vaut que pour Firefox?)

Answer 1

Je suis désolé de ne pas être clair sur la question: Cela est arrivé quand il a été cliqué, et je l'avais essayé le contour attribut , mais le sataneux Firefox ne l'accepterait pas. En lisant un peu dans l'autre fil, je trouve le answer:

button::-moz-focus-inner { border: 0; } 

Answer 2

C'est le outline

Vous pouvez le modifier comme ceci:

button { 
    outline: 3px dashed #f0f; 
    /* or, just the colour */ 
    outline-color: #f0f; 
} 

Answer 3

qui est contrôlée par le outline CSS property. Pour le supprimer, ajouter les règles suivantes (ou similaire) à votre feuille de style:

button.search { 
    outline: none; 
    -moz-outline: none; /* Firefox 1.0 and earlier, if you care */ 
} 

Answer 4

Selon les commentaires:

Savez-vous que cette façon vous ne trouvez plus le bouton de navigation du clavier?

non je ne l'étais pas, je supposais que: l'événement-actif se déclencherait et enregistrerait ma journée, mais il est évident que non. Connaissez-vous une solution?

considèrent

onclick="this.blur();"