css - 仅适用于 Chrome 的 CSS3 填充顶部和底部

Question

我一直在网上搜索仅限 chrome 的解决方案。我只需要在 Chrome 中修改样式表中的某些内容，但我似乎无法在网上或 stackoverflow 上找到我要查找的内容。Chrome具有以下用于左右填充的内容

-webkit-填充-开始

-webkit-padding-end

但是，顶部和底部有什么东西吗？或者，我运气不好？

Answer 1

用于填充，-webkit-padding-before用于底部填充。top-webkit-padding-after

jsFiddle 示例

（最佳） --webkit-padding-before

（正确的 --webkit-padding-end

（底部） --webkit-padding-after

（剩下） --webkit-padding-start

Answer 2

这个 hack 看起来可以解决问题。

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