Take the 2-minute tour ×
Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

To use a CSS on Safari, just go to Preferences -> Advanced -> Style Sheet.

But pay attention to the "live" part. I mean, being able to edit the CSS on the fly, without needing to quit Safari and open it again. That link gives a hint from 2006 which doesn't seem to work on Safari 4, even after updating the syntax.

Would you happen to know another fix that works?

share|improve this question
add comment

2 Answers

up vote 3 down vote accepted

As an alternative to NSD's answer, after changing the user stylesheet, from the "Develop" menu, choose "Disable Caches" and refresh the page. This will force the user stylesheet (chosen in "Preferences") to be re-read. You can then re-enable caches.

Or the easiest way, from the Preferences, set the stylesheet to "None Selected" and then back to your CSS file. No need to close the dialog box or even refresh the page!

share|improve this answer
    
That's perfect! Thanks! –  Cawas Mar 17 '10 at 17:01
    
Glad I could help. –  Josh Mar 17 '10 at 19:38
add comment

Develop > Show Web Inspector > Elements

This will bring up the Developer tools for Safari if you have them enabled in advanced preferences:

screenshot

It will allow you to live-alter the CSS definitions and many other things. Though oddly it doesn't seem to expose the user-set custom style sheet definitions in a distinct way.

share|improve this answer
    
Ok, I admit, I forgot to say that's not exactly the point. But thanks for the hint! You can also access it trough right mouse click and "Inspect Element". –  Cawas Mar 17 '10 at 16:59
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.