如何使用Modernizr的班?(How to use Modernizr classes?)

2019-09-16 09:34发布

我是新来的Modernizr。 我读了一些Modernizr的文件,我想设置border: none ,如果浏览器不支持CSS3 box-sizing: border-box 。 我试过了:

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

但它没有工作了。 能否ANY1提出好的建议?

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/



文章来源: How to use Modernizr classes?