Unerwünschter Umriss oder Rahmen um Schaltfläche, wenn darauf geklickt

Question

habe ich eine Stil-Taste auf meiner Website. Aber wenn ich es klicken, erstellt es einen unerwünschten Rand oder Umriss (ich weiß nicht, welche). Wie kann ich diese Grenze entfernen? Im Folgenden finden Sie den gesamten Code, bezieht sich auf die Taste.

button {
    border: hidden;
    cursor: pointer;
    outline: none;
}

<button>this is my button</button>

Answer 1

Wenn Sie sich über die gestrichelte Linie in Firefox sprechen, denke ich, was Sie suchen, ist dies:

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

Dies ist ein Thread zu dem Thema: wie Firefox gepunkteten Umriss auf Knöpfe sowie Links?

Answer 2

Verwenden Sie eine dieser CSS-Stile

a:active,
a:focus,
input,
input:active,
input:focus {
    outline: 0;
    outline-style:none;
    outline-width:0;
}  
a:active,
a:focus,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
} 

oder

:focus {outline:none;} ::-moz-focus-inner {border:0;}

Sobald der CSS-Style-Teil fertig ist, dann könnten Sie auch den IE-Emulator festlegen müssen. Aktualisieren Sie Ihre Web-Anwendungen Datei web.config und umfassen unter Schlüssel.

<system.webServer>
  <httpProtocol>
    <customHeaders>
      <clear />
      <add name="X-UA-Compatible" value="IE=7; IE=9; IE=8; IE=5;" />
    </customHeaders>
  </httpProtocol>

</system.webServer>

Answer 3

outline: none;

Das ist für mich in Chrome gearbeitet.

Answer 4

Es ist eine Übersicht. Verwenden Sie outline:none; auf: Fokus pseudo-Klasse, es zu entfernen. Funktionierte gut für mich.

Answer 5

Bitte entfernen Sie nicht die Umrisse auf Fokus-Arten, dies macht Ihre Website weniger zugänglich für Ihre Tastatur-only und sehbehinderte Nutzer.

Wenn Sie so etwas wie :focus { outline: none; } zu Ihrem Stylesheets hinzuzufügen, auch fügen Sie Stile für fokussierte Elemente besitzt.

Lesen: Entfernen Sie niemals CSS Umrisse