text 在指定的元素内启动选择时,文本是可选择的。文本选择未限制在元素的边界内,并且可以越过其边界。
auto 这是初始值。如果元素包含可编辑文本,例如 input 元素或其 contenteditable 设置为 "true" 的元素,则该文本是可选择的。否则,选择由父节点的 -ms-user-select 属性的值确定。
返回到我们的新闻站点方案,例如,你可以在整个页面上将 -ms-user-select 设置为 "none",然后在主文章上将 -ms-user-select 设置为 "element"。这样做,则只有文章文本是可选择的。希望选择新闻文章的内容的人们可能不希望选择刚刚过去的文章的页脚元素。因此,将 -ms-user-select 设置为 "element",这样使得这些用户可以只轻松选择文章的内容,但不必担心光标放置位置是否完全正确。对于通过触摸导航的用户,这一点尤其重要。
你可以通过将 -ms-user-select 设置为 "none",在任何页面元素内关闭文本选择。用户将无法在指定的文本块内启动选择。但是,如果用户在页面的其他区域上启动文本选择,则可以在页面的任何区域内继续选择,其中包括将 -ms-user-select 设置为 "none" 的区域。
示例实施
IE Test Drive 具有正在使用的 -ms-user-select 属性的实例演示。该演示展示了一个博客帖子的实例模型,其中具有几个不同的文本内容区域:作为整体的博客 ("#blog"),由博客帖子 ("#blogPost") 和几条评论 (".comment") 组成。每个区域依次由不同类型的文本元素组成,其中包括 input 和 textarea 元素以及其 contenteditable 属性设置为 "true" 的元素。

页面左侧的弹出菜单具有几个选项,这些选项用于设置页面元素上的 -ms-user-select。让我们简要地浏览一下演示内弹出菜单中列出的选项。
正常选择
此选项指示未在页面上的任何元素上设置 -ms-user-select。用户可自由选择任意所选元素中的文本。
关闭除可编辑内容外的选择
此选项将博客(作为整体)的 -ms-user-select 设置为 "none"。这意味着,不可选择除了可编辑区域内的文本之外的任何内容,例如“名称”和“评论”字段。
CSS
#blog {
-ms-user-select:none;
}在任何位置关闭选择
此选项针对所有元素将 -ms-user-select 设置为 "none",这次将包含用户输入字段(input 和 textarea 元素),以及contenteditable 设置为 true 的其他所有元素。这意味着,不可选择任何内容,包括可编辑区域中的文本。










