Html IE 11-用户选择覆盖值未应用于子元素

对于任务，产品所有者希望通过

Ctrl-a

禁用大多数HTML元素的高亮显示。我这样做的方式是设置

body {
  -{$prefix}-user-select: none;
  user-select: none;
}

div.element-to-select {
  -{$prefix}-user-select: all;
  user-select: all;
}

我还制作了一个代码笔来演示。在本例中，当鼠标焦点位于白色区域时，

Ctrl-a

按键将突出显示Select文本，但在Firefox 35+和Chrome中，No Select文本将保持不突出显示，但在IE 11中不会选择这两个元素

---

IE有没有办法避免这种行为？

CSS3的工作草案用户界面定义如下：

此属性不是继承的，但它确实会影响 与

显示方式相同：无

会限制它。这是一个元素 是

user select:none

，用户选择的值是多少并不重要 是它的子元素、元素的内容还是它的子元素的内容 无法选择

Firefox实现了

-moz用户根据该草案选择：none

；还实现了

-moz-user-select:-moz-none

，允许使用

-moz-user-select:text

在子元素上重新启用选择

但是，从Firefox 21开始，

-moz user select:none

的行为类似于

-moz user select:-moz none

，原因是：

我们的

-moz user select:none

的行为与css3 userint TR中的建议一致 但是WebKit、IE和Opera的

-XXX用户选择：无
-moz用户选择：-moz none

不确定缺陷是否错误，IE是否也遵循了建议的规范，或者IE是否在以后更改了行为。但现在IE似乎是唯一紧随其后的主流浏览器

然而，你不能依赖那个草稿。CSS3模块的用户界面已被取代，其中不包括
User select

因此，由于
user select
不再是标准的，实现者可能不会为了在不同浏览器之间有一个共同的行为而改变他们的实现。
请注意，这是非标准的，不在标准轨道上。在中提出了类似的属性
用户焦点
，但被工作组拒绝。同意，但FF、webkit和IE存在供应商前缀的事实说明了供应商对该属性实施了自己的解决方案。此外，CSS通常会覆盖子元素的alter属性，以改变其父元素的设置。这个惯例似乎被IE打破了。我实际上无法重现这个问题……点击并按ctrl-A键对选择文本没有任何作用。（Win7）如果您在IE上，并且Ctrl-A没有选择任何内容，这就是问题所在。您应该能够突出显示第二行的“选择”文本。@Jason Oh。不是你说的；“但这两个元素都将在IE 11中选择”