How do you edit CSS live to test, with Chrome?

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
simonmlewis
DevNet Master
Posts: 4434
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

How do you edit CSS live to test, with Chrome?

Post by simonmlewis »

I have long used Firefox Edit CSS tool, but lately it just never seems to work. I get an empty Edit CSS window come up.
I hear from many that chrome is better for that.

So how do you open the Developer Console on Chrome, ADD the CSS you want, and see it (in demo form) make the changes on screen so you can then go live with it?

I'm sure it's easy, but I cannot see how you do it.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
User avatar
Christopher
Site Administrator
Posts: 13595
Joined: Wed Aug 25, 2004 7:54 pm
Location: New York, NY, US

Re: How do you edit CSS live to test, with Chrome?

Post by Christopher »

simonmlewis wrote:So how do you open the Developer Console on Chrome, ADD the CSS you want, and see it (in demo form) make the changes on screen so you can then go live with it?
.
In either browser, right-click on the part of the web page of interest and select Inspect.
(#10850)
Post Reply