Удалить пунктирные границы ссылок - CSS-хитрости

Anonim

Пунктирные границы вокруг ссылок - это функция доступности, которая есть в большинстве браузеров по умолчанию. Это для пользователей, которые должны или выбирают навигацию с помощью клавиатуры, существует визуальный стиль, применяемый к этим ссылкам, когда они «вкладываются». Эти границы также появляются при нажатии на ссылку (в ее «активном» состоянии) и могут вызывать раздражение в зависимости от дизайна (особенно при использовании чего-то вроде замены изображения CSS, границы охватывают всю длину экрана). Вы можете удалить их с помощью этого:

a:active ( outline: none; )

ПРИМЕЧАНИЕ . Преимущество здесь в том, что стиль: focus по-прежнему будет использовать контуры, а это означает, что навигаторы клавиатуры по-прежнему будут иметь стиль фокуса / визуальную обратную связь.