我是新来的Modernizr。 我读了一些Modernizr的文件,我想设置border: none
,如果浏览器不支持CSS3 box-sizing: border-box
。 我试过了:
li { border-right: 1px solid #eee }
.css-boxsizing li { border: none }
但它没有工作了。 能否ANY1提出好的建议?
我是新来的Modernizr。 我读了一些Modernizr的文件,我想设置border: none
,如果浏览器不支持CSS3 box-sizing: border-box
。 我试过了:
li { border-right: 1px solid #eee }
.css-boxsizing li { border: none }
但它没有工作了。 能否ANY1提出好的建议?
在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);
});