В Google Chrome полностью изменили кнопки и выпадающие меню
![В Google Chrome полностью изменили кнопки и выпадающие меню](https://trashbox.ru/files/1217737_e1647d/google-chrome-new-all-cover.jpg)
Проблема старого дизайна нативных элементов управления формами и выпадающими меню заключалась в несогласованности их стиля. Элементы вроде <button> и <select> были оформлены в соответствии с операционной системой пользователя, из-за чего достаточно часто в Chrome пользователь видел устаревший дизайн. Кроме того, несоответствие дизайна компонентов на различных устройствах приводило к тому, что разработчикам нужно было тратить гораздо больше времени на код, чтобы настроить все параметры. Теперь ситуация изменится — после внедрения нового пользовательского интерфейса браузер и информация в нём воспринимаются гораздо легче и приятнее.
Дизайнеры Google используют современный принцип «плоского» дизайна «флажков», кнопок, текстовых полей, выпадающих меню, индикаторов прогресса и ползунков.
![В Google Chrome полностью изменили кнопки и выпадающие меню](https://trashbox.ru/files/1217741_4bc057/old-chrome-controls-redesign.png_min.jpg)
![В Google Chrome полностью изменили кнопки и выпадающие меню](https://trashbox.ru/files/1217742_c1a6f7/chrome-controls-redesign-new.png_min.jpg)
Также дизайнеры представили более «заметное» кольцо фокусировки, которое помогает людям, использующим клавиатуру или другие устройства ввода понять, с каким элементов в браузере они на текущий момент взаимодействуют. Новое кольцо имеет более толстую рамку с тонким белым контуром, благодаря чему его легче заметить на экране.
![В Google Chrome полностью изменили кнопки и выпадающие меню](https://trashbox.ru/files/1217747_507003/focusring_compressed_4.gif_min.jpg)
Улучшения дизайна, упрощающие сенсорный ввод, привели к увеличению некоторых компонентов. К примеру, средство выбора даты теперь может похвастаться новым всплывающим окном с поддержкой прокрутки.
![В Google Chrome полностью изменили кнопки и выпадающие меню](https://trashbox.ru/files/1217764_31a791/old-date.png)
![В Google Chrome полностью изменили кнопки и выпадающие меню](https://trashbox.ru/files/1217765_a9fac6/new-date.png_min.jpg)
Все вышеуказанные изменения уже доступны в браузере Edge на операционной системе Windows. Кроме того, пользователь может включить обновлённый дизайн на Chrome версии 81 при помощи команды в адресной строке:
chrome://flags/#form-controls-refresh
В полноценный релиз новый дизайн элементов управления выйдет в мае на MacOS, Windows, Linux и Chrome OS с версией браузера под индексом 83. А в конце года аналогичный дизайн будет отправлен и на Android.