爲Chrome動態創建一個css選擇器

我在Chrome和Safari之間有一些像素差異，我一直無法找到一種合適的方式來使用CSS黑客爲每個人提供不同的樣式。爲Chrome動態創建一個css選擇器

我已經能夠解決它的JavaScript，但有一個延遲，因爲頁面加載和應用之前，所以用戶看到運動。

function chromeStyle() { 
if (window.chrome) { 
var a = document.getElementById("id"); 
if (a) { 
a.style.marginLeft = 5px; 
} 
} 
}

我知道這是可能將下面的代碼放到一個HTML文檔的頭部，然後用「.JS .mystyle {}」樣式表中的應用，其中啓動Javascript風格。

<script type="text/javascript"> 
document.documentElement.className = 'JS'; 
</script>

我想知道是否可以創建一個可以在樣式表中應用的Chrome的選擇器？

if (window.chrome) { 
create a selector for chrome here 
}

並在樣式表中將其應用爲「.chrome .mystyle {}」。

謝謝。

2013-07-19 martin

Web永遠不會像素精確。處理它。 – Bergi

是的，用戶可以使用特定於瀏覽器的類，但不幸的是很常見。儘管如此，在嘗試使用JS修復它之前，我建議先問一下你的實際CSS問題。 – Bergi

我不知道這是否更容易那麼你試圖用JS做什麼。但是，當我需要重寫特定瀏覽器的某些樣式時，我只需創建一個針對瀏覽器serverside的檢查，然後包含一個覆蓋基本樣式的額外樣式表。

2013-07-19 23:56:11 Dan

回答