使用Modernizr检测-webkit-appearance

Question

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

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

由于

Answer 1

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

Modernizr.testProp('webkitAppearance'); 

通过此检查，您可以使用Modernizr.addTest()编写自己的Modernizr测试：

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

Answer 2

我很确定Modernizr还没有包含此功能的检测程序 - 它太新了。

但是，由于它是一个CSS属性，你应该能够自己非常简单地检测它，而不需要调用modernizr。

This page详细说明了如何快速检查CSS属性是否可用。

只需检查属性是否存在于任何给定DOM元素的style属性中。如果属性受支持，它将在DOM中，即使它实际上没有设置为任何内容。

希望有所帮助。