Eingabe: Fokus funktioniert nicht auf Firefox

StackOverflow https://stackoverflow.com/questions/1408563

  •  05-07-2019
  •  | 
  •  

Frage

Ich habe den folgenden Stil, den ich verifiziert habe, der geladen wird:

input:focus { outline: none; }
:focus { outline: none; }

Ich habe dies getan, um nicht mehr das gepunktete Rechteck zu zeigen, wenn ich auf etwas klicke. Dies funktioniert für alles in Firefox, das ich bemerkt habe, bis auf meine Eingangstasten. Meine Eingangstasten zeigen immer noch ein gepunktetes Rechteck um sie herum, wenn ich auf sie klicke.

Wie kann ich sie dazu bringen, das zu beenden?

War es hilfreich?

Lösung

Ich musste das tun (Quelle):

/*for FireFox*/
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
button::-moz-focus-inner { border : 0px; }

/*for IE8 */
input[type="submit"]:focus,
input[type="button"]:focus { outline : none; }

Ich hatte bereits "Umriss: 0" über einen Reset auf alles gesetzt, aber das MOZ-FOCUS-INNER wurde benötigt, um die gepunktete Linie auf einem CSS-Stil zu beseitigen.

Andere Tipps

<input ... onfocus="this.blur();"/> wird den Trick machen

oder jQuery: 

$("input").focus(function(){this.blur();});

Das funktioniert für mich (habe es sowohl in Firefox 2 als auch in 3 versucht)

<html>
<head>
  <title>Test</title>
  <style>
   :focus { -moz-outline-style: none;}
  </style>
</head>
<body>
  <form action="#">
    <input type="image" src="button.png" />
  </form>
</body>
</html>

Fügen Sie einfach eine Schaltfläche hinzu.png :-)

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top