Как блокируется ручное редактирование стилей в девтулз?

Question

[jeruthadam]

Раньше обращал внимание, что стлили назначаемые браузером стоят как бы блокированы и их нельзя в девтулз редактировать. Но как Реакт делает что они блокируются? Обычные же стили в классах. Как их блокировать?

Вот они, серым и италиком (значит блокированы)



Сайт - https://design.bulb.co.uk/patterns/heading

Comments

[Вадим Кот]

А загуглить не пробовали?
google => Styled Component styles disabled in Chrome DevTools
Есть issue https://bugs.chromium.org/p/chromium/issues/detail... и ответ "We don't have any plans to support editing of CSSOM-based rules in DevTools."
Отсюда вывод: нужно редактировать CSSOM-based стили - пользуйтесь Firefox.

[jeruthadam]

Вадим Кот, любопытно, благодарю. Это вообще-то ответ на вопрос, можете вынести отмечу

Answer 1

[Антон]

Это значит что они переопределены более приоритетным классом\стилем

Comments

[jeruthadam]

Советую открыть сайт и не говорить глупости

Answer 2

[Вадим Кот]

А загуглить не пробовали?
google => Styled Component styles disabled in Chrome DevTools
Есть issue https://bugs.chromium.org/p/chromium/issues/detail... и ответ "We don't have any plans to support editing of CSSOM-based rules in DevTools."
Отсюда вывод: нужно редактировать CSSOM-based стили - пользуйтесь Firefox.