3

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?

Improve this question

2 Answers 2

Reset to default
4

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!

Improve this answer
1
  • Glad I could help.
    – Josh
    Commented Mar 17, 2010 at 19:38
2

Develop > Show Web Inspector > Elements

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

Checkbox for "Show Develop menu in menu bar"

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.

Improve this answer
1
  • 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".
    – cregox
    Commented Mar 17, 2010 at 16:59

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .