CSS Hacks for Firefox and Chrome

It’s best to avoid these kinds of hacks, as they depend on the availability of emerging standards. Quite obviously, emerging standards will increasingly be available on more platforms as time goes on. In other words, it’s a mistake to assume that a given browser is [some specific browser] because it has [some specific CSS feature].

Eric Wendelin’s answer is a good one for targeting WebKit browsers. There’s also a good way to target Gecko browsers:

Add in WebKit targeting (thanks Eric Wendelin):

You can probably also reliably use the “feature-detection” style of CSS hacks within constructs like that to isolate versions, as you’ve already correctly isolated the engine, and you can more safely assume that the feature disparity between versions of a given engine won’t shift over time.

Obviously the best way to isolate IE and its various versions is to use conditional comments, which IE has supported for many versions.

One thought on “CSS Hacks for Firefox and Chrome

Leave a Reply

Your email address will not be published. Required fields are marked *