如果使用user-select:none,则验证失败; 在CSS中

Question

我有一个来自jquery插件的css文件.在文件中我找到了这个css,但验证器没有验证它.任何人都可以解释这种类型的CSS的用途,以及是否有任何替代品？

div.rateit
{
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

Answer 1

你将无法选择的内容里面div上课rateit.支持有点儿,所以如果你想以更好的方式阻止选择,可以考虑使用JavaScript(如果用户关闭JS,即使JS也会失败).

演示

MDN参考

支持 user-select

正如你评论的那样,我已经在我的答案中共享了MDN链接,如果你看到非常顶部,它说NON-STANDARD,换句话说,w3c还没有接受这个属性作为标准,因此你的验证失败了.

为了详细解释一下,想想W3C验证器有一张规则,这些规则有一个标准属性列表,所以当你验证你的文件时,验证器将通过这些规则,那些不在列表中的规则将是标记为无效.因此,即使属性在浏览器中有效,也不意味着它们是标准的一部分,但可以在以后接受.这也意味着不验证的属性并不意味着它们不起作用.只是该属性不是标准的一部分,我建议您使用proprietary声明等类似属性-moz,-webkit直到该属性被接受为标准的一部分.