it-swarm.com.de

Entfernen der Standard-Hervorhebung von Schaltflächen in Safari bei Verwendung von jQuery

Ich habe festgestellt, dass unter Safari unter OS X meine Standard-jQuery-Schaltflächen scheinbar blau hervorgehoben sind. Nur überprüft und dasselbe passiert auf der Demo-Seite jQuery UI .

Default button highlighting under Safari

Unter Firefox sieht es auf meinem Rechner so aus

enter image description here

Kann mir jemand sagen, was ich tun kann, um das unter Safari zu entfernen? Ich möchte immer noch das Standardverhalten.

48
Dutts

Um alle Hervorhebungen von Eingaben zu entfernen, die von einem Browser als Standardaktion verwendet werden, können Sie outline:none immer für deren CSS verwenden. In Ihrem Fall handelt es sich um ein button-Element. so sollte das funktionieren:

button {
    outline: none;
}

Obwohl es nicht empfohlen wird, die CSS-Gliederung zu entfernen. da es für die Erreichbarkeit schlecht ist. (Danke Robin Clowers, dass Sie das erwähnt haben)

92
Arash Milani

Versuchen Sie dies

In CSS:

-webkit-tap-highlight-color: rgba(0,0,0,0);

In Javascript:

document.addEventListener("touchstart", function(){}, true);

6
Harsheet
*{
    outline: none;
}

.blah{
    outline-color: blue;
}

Die bestehenden werden davon nicht beeinflusst. (.blah) Dies funktioniert auch bei Google Chrome.

Live Demo:http://jsfiddle.net/DerekL/TUbjc/

4

Diese Schaltfläche hat tatsächlich eine Gliederungseigenschaft definiert. Sie müssen dies überschreiben. Wenn Sie dies in Firebug überprüfen, wird die folgende CSS-Deklaration für diese Schaltfläche angezeigt:

.ui-dialog .ui-dialog-buttonpane button{outline:none;}
0
defau1t