css - 如何使用 Modernizr 类？

Question

我是modernizr的新手。我阅读了一些关于modernizr 的文档，我想设置border: none浏览器是否不支持 CSS3 box-sizing: border-box。我试过了：

li { border-right: 1px solid #eee }
.css-boxsizing li { border: none }

但它没有成功。任何人都可以提出一些建议吗？

Answer 1

在 Modernizr 中，支持的特性作为类名添加到根元素中。在http://modernizr.github.com/Modernizr/test/检查类列表后，我发现正确的类名是boxsizing：

.boxsizing li { border: none }

在默认构建中，boxsizing似乎没有添加该类。这可以使用手动添加Modernizr.addTest：

// The first argument is the class name
Modernizr.addTest("boxsizing", function() {
    return Modernizr.testAllProps("boxSizing") && (document.documentMode === undefined || document.documentMode > 7);
});​​​​​​

演示：http: //jsfiddle.net/eGjwZ/