使用 Modernizr 检测 -webkit-appearance答案

【问题标题】：Detecting for -webkit-apperance with Modernizr使用 Modernizr 检测 -webkit-appearance
【发布时间】：2012-11-28 23:00:44
【问题描述】：

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

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

谢谢

【问题讨论】：

【解决方案1】：

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

Modernizr.testProp('webkitAppearance');

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

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

【讨论】：

【解决方案2】：

我很确定 Modernizr 还没有为这个功能提供检测例程——它太新了。

但是，由于它是一个 CSS 属性，您应该能够自己相当简单地检测到它，而无需调用modernizr。

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

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

希望对您有所帮助。

【讨论】：