Hack for Webkit

Posted on April 2, 2011 by Estelle Weyl

If you want to target Webkit only, use this in your CSS:

@media all and (-webkit-min-device-pixel-ratio: 1){
     selectors {
           properties: values;
     }
}

Put all your Webkit only properties and valus withing the @media at-rule block.

This entry was posted in Browsers, CSS (including hacks), Web Development. Bookmark the permalink.

3 Responses to Hack for Webkit

Tatsh says:

April 2, 2011 at 4:37 pm

Beware, this attribute may go away in the future when things are standardised.

http://www.tatsh.net/2011-03-26/css-target-ie-firefox-and-webkit-browsers-including-mobile

Reply
Estelle Weyl says:

April 2, 2011 at 6:01 pm

Thanks @tatsh. Love your post on @media browser targeting.

Reply
David Oliver says:

April 4, 2011 at 3:13 am

Terrible idea, as per Tatsh’s comment.

Reply

Leave a Reply Cancel reply