2009-11-11 65 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