在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）。