使文字无法选择

Jes*_*sse 14 html javascript css cross-browser textselection

因此,在使用HTML5中的滚动条和内容时,我开始注意到一种恼人的趋势.如果我的元素附近有文字被拖动(例如,视频的滚动条,滚动条,用户点击并拖动的任何内容),附近的文本将被选中,就好像我没有使用控件,只是拖动在页面上.

这非常烦人,我似乎找不到正确的字符串来搜索谷歌,以弄清楚是否有可能使某些元素"无法选择".

有人知道怎么做吗?

ick*_*fay 14

它因浏览器而异.这些CSS属性将针对基于WebKit和Gecko的浏览器,以及任何支持user-select以下的浏览器:

user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
Run Code Online (Sandbox Code Playgroud)

  • Opera还有`-o-user-select`和IE的`unselectable` expando属性.有关详细信息,请参阅我的回答 (3认同)