只适用于 Chrome 的 CSS？

<分区>

顶部的搜索栏由两张背景图片组成。一个是您要输入搜索词组的位置，第二个是要搜索的实际按钮。

我的问题是，在 Chrome 中，搜索按钮图像 2px 太高了。但它在 IE 和 FF 中看起来很完美。如果我修改 CSS(margin-top:2px)，那么 Chrome 看起来不错，但 IE 和 FF 就乱七八糟了。

有什么想法吗？我一直在寻找几个小时，但没有任何运气。

谢谢!

最佳答案

要使用仅适用于 Webkit 浏览器(Chrome 和 Safari)的 CSS:

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    #searchsubmit { height: 20px; }
    #s { margin-top: 5px; } 
}

一个丑陋的 hack，但它可以解决那些令人沮丧的渲染问题。

关于只适用于 Chrome 的 CSS？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2197913/

相关文章：

Html css 图片问题 windows IE FF GChrome