[分享]css3文字不会被选中

有时候我们希望网页文字能够被用户选择，但又不希望它们被选中时出现蓝色高亮效果，这种情况下，我们可以使用CSS3来实现文字不被选中的效果。实现这种效果的关键在于使用以下CSS属性：userselect:...

有时候我们希望网页文字能够被用户选择，但又不希望它们被选中时出现蓝色高亮效果，这种情况下，我们可以使用CSS3来实现文字不被选中的效果。

实现这种效果的关键在于使用以下CSS属性：

user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none; 

以上属性都具有相同的作用：禁止用户选择元素中的文字。其中，user-select适用于所有浏览器，而后面三个则是浏览器厂商各自实现的前缀。

需要注意的是，这些属性对于输入框、文本域等表单元素不起作用，因为这些元素需要支持用户文本选择和粘贴功能。

另外，为了避免某些浏览器不支持user-select属性而导致无法实现文字不被选中的效果，我们可以使用以下代码：

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; 

这样，在各浏览器下都可以成功实现文字不被选中的效果了。