CSS -user-select

在前端开发过程中出现一些文本内容不可选的现象,然而从来没设置过文本不可选的属性呀,但是为什么突然不可选了呢?

后来得知是加载其他库的时候,在其初始化时,对元素添加了文本不可选样式。

后来的后来就把对文本的不可选属性值进行了修改,改为text可选。

$("#terminalWarningInfo").css("-webkit-user-select","text");

问题是解决了,(但本意是应该将额外加载的所有样式给删除掉,苦于还没找到很好的删除的方法)

语法:

-moz-user-select: none;
-moz-user-select: text;
-moz-user-select: all;

-webkit-user-select: none;
-webkit-user-select: text;
-webkit-user-select: all;

-ms-user-select: none;
-ms-user-select: text;
-ms-user-select: all;
-ms-user-select: element;

none:

     元素和子元素的文本内容将会不可选。

text:

     用户可以选中文本。

all:

   是一个HTML editor, 如果双击和内容点击发生在子元素里,这个值的最高最先元素也会被选中。

element

    Supported only in Internet Explorer. Enables selection to start within the element; however, the selection will be contained by the bounds of that element.

详细内容可看英文相关链接:

https://developer.mozilla.org/en-US/docs/Web/CSS/user-select

http://css-infos.net/property/-webkit-user-select


你可能感兴趣的:(web前端,-user-select,文本不可选)