#html #css #macos #webkit
#HTML #css #macos #webkit
Вопрос:
Мне интересно, что особенного в поведении outline-color на macOS по сравнению с Windows и Linux, что делает transparent контур сероватым? Это проблема доступности?
Я могу скрыть это, установив outline-width: 0 , но я хотел бы понять, почему это необходимо. Это происходит в браузерах на основе WebKit.
Ответ №1:
Согласно caniuse.com и MDN, цвет контура — это хорошо поддерживаемое свойство в Safari.
Вы уверены, что в таблице стилей позже не указано какое-либо свойство outline-color?
Кстати, чтобы полностью удалить его, вы можете использовать
outline: none;
Комментарии:
1. Хорошая находка! К сожалению, проблема присутствует в браузере на базе Chromium. Я хочу избежать этого
outline: noneпо соображениям доступности, хотя я не совсем уверен, что установка прозрачного значения вообще лучше для доступности.2. Если вы беспокоитесь о доступности, вы можете просто добавить другие стили, когда элементы будут сфокусированы. Контур помогает, когда кто-то просматривает сайт с помощью «клавиши табуляции». Проверьте эту классную статью о контурах CSS