仅适用于 Chrome 的 CSS3 填充顶部和底部答案

【问题标题】：CSS3 Padding top and bottom for Chrome only仅适用于 Chrome 的 CSS3 填充顶部和底部
【发布时间】：2013-11-26 15:03:22
【问题描述】：

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

-webkit-padding-start

-webkit-padding-end

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

【问题讨论】：

只有 Chrome 的原因是什么？通常是 IE..
虽然听起来很愚蠢，但我不能修改 Chrome 中的填充，而不是 Chrome“允许”的内容。奇怪的。它在 Chrome 中看起来比 IE 或 FF 更大。
浏览器在 CSS 中嗅探是一个挑战 css-tricks.com/snippets/css/browser-specific-hacks jquery 有 $.browser
@Wayne 我看了看网站，是我还是它令人困惑？我仍然不确定你如何使用这些。我指的是 cmets 与被浏览器解释为编码的实际编码。会看 jquery 的乐趣。
@Wayne 嗯，读这个。你可能会感兴趣jquery stuff

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

（顶部）--webkit-padding-before

（对 - -webkit-padding-end

（底部）--webkit-padding-after

（左）--webkit-padding-start

【讨论】：