Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome Web Developer tools, live CSS editing won't work, resets to default

Tags:

Got strange Chrome Web Developer tools behavior. When I try to change existing CSS properties of element, after hitting enter, it's resets to previous default state. Earlier, all works well. Has disabled all extensions, nothing changes. What is this? p.s Chrome version 22.0.1229.94m

like image 615
andymcgregor Avatar asked Oct 14 '12 00:10

andymcgregor


People also ask

Why developer tools is not working in Chrome?

Just had the same problem. The window is apparently minimized. On windows, hold the mouse on the chrome icon in the taskbar, when the thumb shows up, right click on it and select maximize window. Solution worked.

How do I save CSS changes of styles panel of Chrome developer tools?

To save your changes, press CTRL + S when editing the file.

How do you refresh CSS in Chrome?

For Windows in Chrome or Edge, the keyboard shortcut Ctrl + F5 (or Ctrl + Reload) refreshes. For Mac, hold Cmd-Shift-R or Shift-Reload. Most browsers also have a refresh button next to the URL. What is Ctrl F5?


1 Answers

http://code.google.com/p/chromium/issues/detail?id=155795 has been fixed in the tip of tree, and the fix will eventually propagate into Chrome 23 (current beta) and Chrome 22 (current stable). Sorry about it, and thanks for your patience.

In any case, check your stylesheets for errors, since this kind of issues happens only while editing broken stylesheets. http://jigsaw.w3.org/css-validator/ is a good tool to use (pay attention to the "Parse error" errors.)

like image 52
Alexander Pavlov Avatar answered Oct 01 '22 09:10

Alexander Pavlov