Белое поле вокруг кнопки Chrome

#html #css

#HTML #css

Вопрос:

Я работаю над веб-сайтом, у меня есть эта белая рамка вокруг моей кнопки, когда я нажимаю на нее. Я использую chrome, есть идеи, почему он это делает и как это исправить?

Ответ №1:

Это кольцо фокусировки (также известное как контур). Не удаляйте его, если у вас нет другого способа указать, какой элемент сфокусирован!

Из тестов CSS Базовый модуль пользовательского интерфейса 3-го уровня (CSS3 UI):

Пользователи клавиатуры, в частности люди с ограниченными возможностями, которые могут не иметь возможности взаимодействовать со страницей каким-либо другим способом, зависят от того, чтобы контур был видимым для элементов в состоянии :focus, поэтому авторы не должны делать контур невидимым для таких элементов, не убедившись, что предусмотрен альтернативный механизм выделения.

Ответ №2:

 .button_class{
    outline:none; /* This is the point. When you clicked*/
}

1. Технически это отвечает на ваш вопрос, и вы можете это сделать, но это плохо. Это похоже на «Мне не нравится, что этот оранжевый индикатор мигает на моей машине, когда я включаю индикатор. Как я могу отключить оранжевый индикатор? «. Как указывал Д. Пардал выше, индикатор фокусировки очень важен для пользователей, которые используют другие методы ввода, чем просто нажатие или нажатие кнопки. Если вам не нравится белая рамка, вы должны указать каким-либо другим способом, что кнопка сфокусирована.

Ответ №3:

Просто перейдите к трем точкам в правом верхнем углу экрана и нажмите «Настройки», нажмите «Продвижение», нажмите «Доступность» и отключите «Быстрое выделение объекта фокусировки».