Перейти к содержанию

Chrome 83 показывает черную рамку вокруг полей ввода текста после обновления элементов управления формы

После обновления элементов управления формы Chrome теперь показывает черную рамку везде для сфокусированных текстовых полей ввода и выбранных параметров в раскрывающемся списке на большинстве сайтов.

Как правило, Chrome показывает синюю или оранжевую рамку для полей формы, таких как , и в фокусе. Но теперь он показывает черную рамку и отвлекает пользователей. Проблема также раздражает разработчиков, поскольку Chrome прямо сейчас не соблюдает их правила CSS.

Обновление элементов управления формы:

Команды Microsoft Edge и Google Chrome вместе работали над внедрением современных элементов управления формами в браузер Chromium.

Обновленные элементы управления формы развернуты и включены в текущих версиях Chrome 83 и Microsoft Edge 83 в Windows, Mac и Linux.

Элементы управления формы настроены для обеспечения доступности, сенсорного ввода и поддержки клавиатуры.

Для улучшения видимости на светлом и темном фоне индикатор фокусировки или кольцо фокусировки теперь использует толстое темное кольцо с тонкой белой линией. Это могло вызвать черную границу прямо сейчас.

Кто-то создал ошибку, чтобы сообщить о проблеме команде Chromium.

«Поскольку элементы управления формы обновляются, Chrome, кажется, игнорирует правила границ CSS, которые используют логические свойства, и всегда отображает черную рамку вокруг компонентов ».

Проблема была признана и подтверждена как регресс. Сотрудник Chromium также подтверждает, что проблема не существует и не устранена в Chrome 84 dev.

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

Вот исправление, которое вам нужно применить к Chrome, чтобы удалить черную рамку

1. Запустите браузер Chrome.

2. Посетите chrome: // flags / # form-controls-refresh.

3. В раскрывающемся списке выберите Отключено и перезапустите браузер.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *