3

我有一个来自 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;
}
4

1 回答 1

5

您将无法选择div具有 class的内容rateit。支持有点问题，所以如果您希望以更好的方式阻止选择，请考虑使用 JavaScript（如果用户关闭了 JS，即使 JS 也会失败）。

演示

MDN 参考

支持user-select

正如您评论的那样，我已经在我的答案中共享了 MDN 链接，如果您在最顶部看到它说NON-STANDARD，换句话说，w3c 尚未接受此属性作为标准，因此您的验证失败。

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

于 2013-09-05T08:36:47.020 回答