使用Modernizr检测-webkit-apperance

Question

谁能告诉我如何使用Modernizr检测-webkit-appearance，moz-apperance或外观？

我有自定义选择，并使用这些复选框，我需要确保额外的样式不适用于那些不支持这些属性的浏览器。

感谢

Answer 1

我敢肯定的是，Modernizr的不包括此功能的检测程序，但 - 它只是太新了。

但是，由于它是一个CSS属性，因此您无需调用modernizr即可轻松检测到它。

This page详细信息如何快速检查以检测CSS属性是否可用。

只需检查属性是否存在于任何给定DOM元素的style属性中。如果该属性被支持，它将在DOM中，即使它没有被设置为任何东西。

希望有所帮助。

Answer 2

只需使用Modernizr.testProp()方法：

Modernizr.testProp('webkitAppearance'); 

而与此检查，你可以使用Modernizr.addTest()编写自己的Modernizr的测试：

Modernizr.addTest('webkit-appearance', function() { 
    return Modernizr.testProp('webkitAppearance'); 
});