CSS Text Selection None

CSS Text Selection None是一种CSS属性，用于禁止用户选择文本内容。当该属性设置为none时，用户将无法选择网页上的文本内容。

语法

selector {
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
}

说明

• -webkit-user-select属性：用于Safari和Chrome浏览器；
• -moz-user-select属性：用于Firefox浏览器；
• -ms-user-select属性：用于IE浏览器；
• user-select属性：是标准的CSS属性，兼容所有浏览器；
• none值：用于禁止文本选择。

应用场景

在一些需要保密的内容上，比如支付页面、表单页面等，禁止用户选择内容可以提高安全性。再比如，在某些特定页面上需要禁止用户复制内容，也可以使用CSS Text Selection None来达到效果。

注意事项

• 当用户无法选择文本内容时，也无法进行复制、剪切等操作；
• 不要在所有的文本内容上都使用该属性，这样会对用户体验造成较大的影响；
• 在某些浏览器上，禁止文本选择的效果可能无法达到，比如在IE6上。