google-chrome-devtools

Chrome DevTool inspector-stylesheet not editable anymore


Is it only me or since recently it looks like it is not possible to edit the inspector-stylesheet in the Chrome DevTool.

What was possible was to add a CSS rule from the Elements panel, by clicking in the plus icon on the top-right corner. A CSS selector for the selected tag is created and one can add rules… these new rules are added in the inspector-stylesheet (Source panel).

We can click on inspector-stylesheet and see all newly created rules… so far so good.

A short while ago it was possible to edit CSS directly from inspector-stylesheet, what happened ? is it my setup ?

Can some still edit the inspector-stylesheet ?

If I have a bunch of rules I want to try, should I realy select the HTML elements one by one or is there another way ?

Thank you


Solution

  • Seems to be a known Chromium bug and should be fixed in version 137 https://issues.chromium.org/issues/415729792