Не выделяйте области HTML при редактировании правил CSS в Chrome

Question

В последней версии Chrome мы получили несколько мощных инструментов CSS для создания правил с помощью кнопок и выделения в каждой уязвимой области при редактировании любого правила в инспекторе, это очень полезно, но также и раздражает при разработке веб-сайта.

Если я редактирую правило, подобное padding или margin, оно показывает зеленую или оранжевую область вокруг элемента, для меня трудно сказать, где находится граница именно с этой цветной областью, я предпочитаюсм. результат «РЕАЛЬНО».

На следующем изображении я редактирую заполнение и не вижу границы.

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

На следующем изображении я изменяю цвет границы на серый, как вы можете видеть, вместо этого отображается оранжевая рамка.

Как отключить / отключить эту функцию?

Google Chrome Версия 73.0.3683.86

Answer 1

Вы используете более старую версию, это было исправлено в более новых версиях. Chrome Version 74.0.3729.169 и Canary Version 77.0.3812.0.

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

При наведении курсора мыши на выбранный элемент дерева DOM.

---

Без наведения мыши на выделенный элемент дерева DOM.

---

Вам просто нужно удалить указатель мыши при выборе элемента.

Answer 2

<div unselectable="on">Test Text</div>

Это то, что я могу найти для вас, это может просто сработать для вас. Полный пост здесь: Как остановить выделение элемента div при двойном щелчке