Safari Dev Tools - Cannot Toggle CSS rule

I use the dev tools in all web browsers every day as a web developer. Safari has the WORST dev tools among all the browsers and it's not even close.


I've only come to complain about a single issue today though; Safari Dev Tools don't allow you to toggle CSS rules...


  1. Right click an element on the webpage and "Inspect Element"
  2. Under the styles tab, click one of the checkboxes for a specific style, to disable it
  3. The style then disappears, instead of simply disabling itself, meaning I can't quickly toggle a CSS rule on and off.

Notably, this happens only on `localhost` websites. Still an incredibly annoying issue that frustrates me daily.



MacBook Air, macOS 14.5

Posted on Jul 4, 2024 1:10 PM

Reply

Similar questions

There are no replies.

This thread has been closed by the system or the community team. You may vote for any posts you find helpful, or search the Community for additional answers.

Safari Dev Tools - Cannot Toggle CSS rule

Welcome to Apple Support Community
A forum where Apple customers help each other with their products. Get started with your Apple Account.