Why can't the console modify the css style

I originally wanted to learn what I saw on the web page, but found that I could not modify the style and debug it. May I ask the gods what this situation is like in the picture? Firefox can modify the debug style, but find the internal style sheet and open it and find it empty (the last 74 rule of the style editor)

Mar.23,2022

what does it say?

The reason why this is so, look at the attributes above his style, it should be the use of a third-party styled-jsx and so on.

there are API: https://developer.mozilla.org/zh-CN/docs/Web/API/CSSStyleSheet/insertRule

used in this library.

you can add rules directly to the stylesheet, but you can't modify them if they don't show up on the page. You can see that the background color is gray where you can't modify it in the screenshot.

take a chestnut:

  

bug of chrome. Open the console first, and then refresh the page to solve the problem.

Menu