Bei Websites mit benutzerdefiniertem Design entscheiden sich Entwickler häufig dafür, die
Der problematische blaue Rahmen ist der Standard-Fokuszustand des Browsers. Um es zu entfernen, können Fokusstatuseigenschaften wie Umriss geändert werden:
1 2 3 |
|
Indem Sie die Umrisseigenschaft auf 0 setzen, wird die Fokusstatusgrenze effektiv deaktiviert.
Es ist wichtig zu beachten, dass das Entfernen des Fokusstatus durch Festlegen von „outline: 0“ die Zugänglichkeit für Benutzer beeinträchtigen kann, die auf visuelle Hinweise wie den Fokus angewiesen sind Rahmen.
Für eine bessere Barrierefreiheit wird das folgende CSS empfohlen:
1 2 3 |
|
Diese Änderung entfernt den Standard-Umrissstil und behält die Barrierefreiheit bei.
Im bereitgestellten CSS wurde die Regel „button:focus“ hinzugefügt:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
|
Dadurch wird sichergestellt, dass der blaue Rand entfernt wird Chrome unter Beibehaltung der ordnungsgemäßen Zugänglichkeit.
Das obige ist der detaillierte Inhalt vonWarum hat meine benutzerdefinierte Schaltfläche in Chrome einen blauen Rand und wie kann ich ihn entfernen und gleichzeitig die Barrierefreiheit beibehalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!