google-chromebrowsergoogle-chrome-devtoolsmicrosoft-edgedeveloper-tools

How to enable Style Editor(devTools) horizontal drag to amend the value?


When im trying to adjust the value by dragging it nothing happens. Even drag cursor not showing and i cant change value(rem cm px etc.). The same issue on other browsers(edge, firefox). Im using google chromeScreenshot 1screenshot 2

I don't know what could occur it. I tried to clear cache/cookies


Solution

  • According to this document, CSS length tool is deprecated in DevTools (Chrome 123).

    Just like wOxxOm said, to turn the length tool back on, you can clear checkbox of devtools Settings > Experiments > Deprecate CSS <length> authoring tool in the Styles tab.

    If you still want to use this tool, you can also provide feedback in crbug/1522657.