css - 使用 Modernizr 检测 -webkit-apperance

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。

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

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

希望有帮助。