How do I edit CSS in Chrome like in Firebug for Firefox?

Question

I've been editing CSS using Firebug in Firefox, but recently noticed that Chrome is rendering my pages much quicker (with scrolling, interactive elements etc) and wanted to switch to it.

I found Chrome shows the computed CSS and what attributes are overruled in the stack and I can alter them one-by-one but what I liked about Firebug was that I could just edit the entire stylesheet in a real-time text editor. Is this same feature somewhere in the Chrome developer panel, or is there a Chrome extension that lets me alter the stylesheets this way?

Answer 1

there's a semi-working firebug extension but it's not exactly perfect yet.

Answer 2

User Firebug Lite. It's also available as an extension to Chrome.

Answer 3

Have you tried the Web Developer Toolbar extension's CSS->Edit CSS tool?

Answer 4

You can edit any property or create a new property by double click on an entry or empty space in Elements panel's styles pane. There is no way to edit entire css file just as text at the moment.

Answer 5

Try StyleBot. It can also save edited CSS.