CSS3 Padding top and bottom for Chrome only


I have been searching the web for a chrome only solution. I need to modify something in a stylesheet in Chrome only, but I cannot seem to find what I'm looking for online nor on stackoverflow. Chrome has the following for padding left and right



But, is there anything for top AND bottom? OR, am I out of luck?

Problem courtesy of: Kung Fu Front Ender


Use -webkit-padding-before for top padding, -webkit-padding-after for bottom padding.

jsFiddle example

(Top) - -webkit-padding-before

(Right - -webkit-padding-end

(Bottom) - -webkit-padding-after

(Left) - -webkit-padding-start

enter image description here

Solution courtesy of: Josh Crozier


This hack looks like it may do the trick.

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* rules only apply in saf3+, chrome1+ */
Discussion courtesy of: Wayne

This recipe can be found in it's original form on Stack Over Flow.