Вопрос по hyperlink, css – CSS - Есть ли способ избавиться от прямоугольника выбора после нажатия на ссылку?

43

Есть ли способ избавиться от прямоугольника выбора при нажатии на ссылку, которая не обновляет текущую страницу полностью?

Ваш Ответ

2   ответа
68

Пытаться:

:focus {
    outline: 0;
}

Это удалит все очертания фокуса. По сути, это то же самое, что и onclick в терминах JavaScript. Вы можете предпочесть применить это кa:focus.

Я согласен, я часто добавляю свои собственные эффекты фокуса. Например, уменьшение непрозрачности для изображений и изменение фона / цвета для элементов навигации. Ross
Как указано в ответе на вопрос, связанный с нижеприведенным текстом: «контур необходим для клавиатурных навигаторов, так как он указывает, где находится ваш выбор, и, таким образом, дает подсказку, куда может перейти ваша следующая« вкладка ». Таким образом, он нецелесообразен чтобы удалить эту пунктирную линию. " Sam Hasler
7

Попробуйте добавить это:

onclick="this.blur()"

Здесь также обсуждается

(CSS?) Устранить «выбранные» строки браузера вокруг изображения с гиперссылкой?

Проще использовать атрибут CSS focus, но это будет работать в старых браузерах. Ross

Похожие вопросы