Simon Willison’s Weblog

Site specific stylesheets in Mozilla

New in Mozilla 1.8 Alpha 3: bug 238099—implement at-rule for matching on site/document URL. Here’s the example:

@-moz-document url-prefix(http://www.mozilla.org/) {
  #q { background: white ! important; color: black ! important; }
}

Drop that in your userContent.css file for black-on-white search fields, but only for pages with URLs starting in http://www.mozilla.org/. Two other selection functions are available: domain(mozilla.org) for all page (and sub-domains) of the mozilla.org domain and url(http://www.mozilla.org/) for just the page matching that exact URL.

The sooner this makes it in to Firefox the better.