2009-11-11 68 views
1

我有以下样式:Chrome和Safari哈克

table.jqTransformTextarea td#jqTransformTextarea-mm textarea{ 
    margin:0; 
} 

可正常工作在Firefox,歌剧,IE浏览器7,8和6

然而,使它在Chrome浏览器和我需要做的Safari浏览器:

table.jqTransformTextarea td#jqTransformTextarea-mm textarea{ 
    margin:10px 0 0 10px; 
} 

如何将此样式设置为Chrome和Safari? 我不希望使用JavaScript(或jQuery)来获得这种效果,并仅使用CSS或HTML获得解决方案(但我不知道是否有像这样的标签:<!--[if IE]>选择这两个浏览器)。

回答

3

只是解决了自己的问题:

@media screen and (-webkit-min-device-pixel-ratio:0) 
{ table.jqTransformTextarea td#jqTransformTextarea-mm textarea { margin:10px 0 0 10px; } } 
+0

我要试试这个,但它并不面向未来的我;最终min-device-pixel-ratio属性将会从beta版中移出,并且-webkit前缀将被删除。 – thepeer 2011-02-10 16:01:33