在js中檢查css顏色屬性是否接受'inherit'值

Question

有沒有辦法在javascript中檢查瀏覽器是否接受css顏色屬性值'inherit'，即object.stye.color='inherit'是否會導致錯誤（它在IE 7）。

Answer 1

這可能在檢測CSS屬性的幫助：Css Properties Detection

希望它可以幫助

Answer 2

我用rgba顏色一招：

try {elem.style.background = "rgba(255,255,255,0.5)";} 
catch(e) {elem.style.background = "#cccccc";} 

您可以輕鬆地適應這個問題的方法：

try {elem.style.color = "inherit";} // or "currentColor" which is synonymous here 
catch(e) {elem.style.color = "red";} // or whatever fallback you want 

或者，tr Ÿ這個代替：

if(typeof getComputedStyle == "undefined") 
    getComputedStyle = function(elm) {return elm.currentStyle;} 
elem.style.color = getComputedStyle(elem.parentNode).color; 

這將讓父節點，這是基本相同inherit ING的計算樣式（currentStyle中老年IE）。