Wie entferne ich den blauen Rand von Schaltflächen in Chrome, ohne die Zugänglichkeit zu beeinträchtigen?

Entfernen des blauen Rahmens von benutzerdefinierten Schaltflächen in Chrome

Bei Anpassungsbemühungen wurde der Rahmen für auf „Kein“ gesetzt. Tags können dazu führen, dass beim Klicken in Chrome ein blauer Rahmen um die Schaltfläche angezeigt wird. Während button:active { Gliederung: keine } und Schaltfläche: Fokus { Gliederung: keine } wie praktikable Lösungen erscheinen mögen, können sie das Problem nicht beseitigen.

Empfohlener Ansatz:

Es wird dringend davon abgeraten, den Fokus oder die Umrissgestaltung zu entfernen, da dies die Zugänglichkeit der Website beeinträchtigt. Weitere Informationen finden Sie in dieser Diskussion.

Alternativer Ansatz (nicht empfohlen):

Bei Bedarf kann dieser CSS-Code den blauen Rand effektiv entfernen:

button:focus { outline:0; }

Ein funktionierendes Beispiel finden Sie in diesem JSFiddle: http://jsfiddle.net/u4pXu/

Das obige ist der detaillierte Inhalt vonWie entferne ich den blauen Rand von Schaltflächen in Chrome, ohne die Zugänglichkeit zu beeinträchtigen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!