Safari Toolbar CSS

Posted on Jun 9th, 2010 by Chris M.

By default, Safari extension toolbars are just plain old HTML. That means that your toolbar is going to look a lot like:

Wouldn’t it be nice if instead it looked like:

I’ve developed a (very) simple CSS file that styles links (and <button> elements) to look like native Safari toolbar items.  Download it now.

Link to this post!

Related posts:

  1. Zend Debugger Safari Toolbar Update: It turns out Safari is more problematic than Firefox,...
  2. Optimize Legibility in Safari 5 Just saw this (via Daring Fireball): Cross-browser kerning-pairs & ligatures And...
This entry was posted in Misc. Bookmark the permalink.
  • http://twitter.com/newmediahub newmediahub

    Chris Morrell posted: Safari Toolbar CSS http://bit.ly/9RfzM5

    This comment was originally posted on Twitter

  • minifi

    Very well done! :) I’m not developing myself (neither software nor extensions nor ….) but I can see that this could be very helpful for those that DO.

  • http://twitter.com/ron5reedcp ron5reedcp

    “Safari Toolbar CSS” by Chris Morrell: By default, Safari extension toolbars are just plain old HTML. That means t… http://bit.ly/93SiUz

    This comment was originally posted on Twitter

  • http://twitter.com/livedoorcliphot livedoorcliphot

    “Safari Toolbar CSS” by Chris Morrell: By default, Safari extension toolbars are just plain old HTML. That means t… http://bit.ly/aCab3F

    This comment was originally posted on Twitter