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.
About Estelle
Freelance web developer, author, trainer, conference presenter and party planner. This blog is not longer active. Check out Standardista or @estellevw instead.-
Most recent posts
Accessibility
Browser Quirks & Hacks
References
- 100+ CSS3 properties (values & browser support)
- @font-face
- All XHTML elements
- Character Entity Calculator
- CSS Background Properties
- CSS Selectors & Browser Support
- Deprecated Elements & Attributes
- DTD
- HTML entities in CSS & JS
- http-equiv
- iPhone/Safari HTML, CSS & JS
- JavaScript Date Object
- JavaScript Date Object – methods
- XHTML Entities
Resources
Tutorials
@webdevtips’ Tips
Admin Stuff
Blog Categories
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
Thanks @tatsh. Love your post on @media browser targeting.
Terrible idea, as per Tatsh’s comment.