📜  使文本不可选 - CSS (1)

📅  最后修改于: 2023-12-03 15:06:44.600000             🧑  作者: Mango

使文本不可选 - CSS

当我们需要在网站上显示一些文本信息时,可能会希望用户无法选中这些文本。这里介绍一种实现方法,即使用CSS将文本设置为不可选。

user-select: none;

以上即为CSS代码片段,其中user-select属性用于指定是否可以将文本选中。none参数表示文本不可选中。

需要注意的是,该属性并非所有浏览器都支持,比如IE浏览器需要使用-ms-user-select属性,而普通的input和textarea除外。

另外,如果需要设置多个元素的文本不可选中,可以使用class选择器。

.no-select {
  user-select: none;
}

以上即为通过class选择器将多个元素的文本设置为不可选中的CSS代码片段。

总之,在有些场景中,在保证流畅浏览的前提下,限制用户对特定内容的选择将显得尤为重要。