使用 CSS 用户选择控制选择

IE10 平台预览 4 包括一个新的 CSS 属性的支持

-ms-user-select

，这使得 Web 开发者控制完全可以选择什么的文本，在其网站上更容易。如果你是看我一整天都在我的工作站，您会注意到我读计算机上时，我选择的文本。我不是只有一个人读起来像这 ；选择文本在互联网上是重要在很多其他方案。

考虑一个典型的新闻网站。大多数网页将包括新闻文章，其中，用户需要能够选择，因为他们读通过选择文本或因为他们想要共享内容的内容。此外在新闻网页上有一些菜单和链接到网站的其他部分。用户可能不需要选择这些项目。使用

-ms-user-select

，Web 开发人员可以指定所选文本是新闻文章中允许使用，但不是允许在菜单中。

IE 试驾站点包括执行此操作的示例。



设置

-ms-user-select:none

上整个页面，然后设置

-ms-user-select:element

元素包含在博客上后允许只被选中的博客文章的内容。

-ms-user-select:element

是一个新的属性，首先引入的 IE，我们认为可以在很多情况下有用。设置

-ms-user-select:element

意味着用户可以选择该元素的文本，但是，所选内容将受到限制的元素范围。人想选择新闻文章的内容可能不想选择页脚元素，只是过去的文章。设置

-ms-user-select:element

可以轻松地为用户只是选择文章的内容，而不必担心会变鼠标放置完全正确。

-ms-user-select

接受四个值：

文本是可选择的

text

— —

element

— — 文本是可选的、 限制为元素的边界

none

— — 文本不可选

auto

— — 如果元素包含可编辑文本的输入的元素或 contenteditable 元素，如文本是可选。否则选择由父节点的值确定。

auto

是的默认值为

-ms-user-select

.

开发人员可以通过设置关闭文本选择

-ms-user-select

为

none

。在 IE，当文本设置为

-ms-user-select:none

，用户将无法启动所选文本的那块内。但是，如果用户开始选择在页的不同区域中的文本，选择将持续至任何页面包括地区的区域位置

-ms-user-select

为

none

。在 Firefox，如果开发人员设置

–moz-user-select:none

然后选择在这一领域无法启动，并且也不能包含在任何其他选择。在 Webkit，设置

–webkit-user-select:none

会使它显示，如果文本不是包含在所选内容，但是如果您复制并粘贴内容，您将看到内容包括在选定内容中。

user-select

了原先建议在用户界面的 CSS3模块 ；此模块以来已取代了CSS3 基本用户界面模块，但它并不定义该属性。Mozilla和Webkit支持自己的此属性的前缀的版本。然而，如上所述，有了实现的一些差异。

玩IE 试驾站点上的示例，让我们知道你的想法。

— — 沙龙纽曼，程序管理器、 Ie 浏览器