user-select

闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳婀遍埀顒傛嚀鐎氼參宕崇壕瀣ㄤ汗闁圭儤鍨归崐鐐烘偡濠婂喚妯€鐎殿喗鎮傚浠嬵敇閻斿搫骞愰梻浣规偠閸庮垶宕曢柆宥嗗€堕柍鍝勫暟绾惧ジ鏌熼柇锕€寮炬繛鍫熺矒閺屸€崇暆閳ь剟宕伴弽顓炵畺鐟滄柨鐣锋總鍛婂亜闁告繂瀚▓銉╂⒒閸屾瑧顦﹂柟璇х節瀹曞湱鎲撮崟顒€寮块梺鍦檸閸犳牠鎮″鈧弻鐔告綇妤ｅ啯顎嶉梺绋款儐閸旀瑩骞冨Δ鍛嵍妞ゆ挾鍊姀掳浜滈柕澶涘缁犳ḿ绱掓潏銊﹀鞍闁瑰嘲鎳樺畷顐﹀礋绾版ê浜剧€光偓閸曨剛鍘遍梺闈浨归崕鎶藉春閿濆洠鍋撳▓鍨灈妞ゎ厾鍏樺顐﹀箛椤撶偟绐炴繝鐢靛Т鐎氱兘宕ラ崨瀛樷拻濞达絿鎳撻婊呯磼鐠囨彃鈧潡鐛径濞炬闁靛繒濮烽鎺旂磽閸屾瑧鍔嶅畝锝呮健瀹曘垽骞栨担鍏夋嫼闂佸憡绋戦敃锝囨闁秵鐓曢柣妯诲墯濞堟粎鈧娲橀崝娆撶嵁閸ヮ剚鍋嬮柛顐犲灩楠炴劙鏌ｆ惔鈥冲辅闁稿鎹囬幃妤呮晲鎼粹€愁潻闂佺硶鏅涢惌鍌氼潖閾忓厜鍋撻崷顓烆€岄柛銈嗙懄缁绘盯骞橀鑺ユ殸缂備礁鍊圭敮锟犲极閸愵喖纾兼繛鎴炨缚濡绢喖鈹戦悩顔肩伇婵炲绋戣灋婵炲棙鍨熼崑鎾愁潩閸楃偞鐏堝┑顔硷工椤嘲鐣烽幒鎴旀瀻闁规惌鍘借ⅵ闂傚倷鑳堕、濠冩叏閵堝洤鍨濋柟鎯х－閺嗭箓鏌熺€涙ḿ濡囨俊鎻掔墦閺屽秹宕瑰☉娆愭緬闂佺ǹ顑嗛幑鍥极閸愵喖纾兼繛鎴炃氶崑鎾寸節濮橆厾鍘介梺鎸庣箓閹虫挾鈧碍澹嗙槐鎺撶瑹婵犲嫮鏆ゅ┑鈽嗗亜閹虫﹢銆侀弴銏狀潊闁炽儲鍓氬Σ杈╃磽閸屾瑧顦︽い鎴濇閺侇噣鍨惧畷鍥ㄦ闂佸綊鍋婇崰妤冣偓姘缁绘盯寮堕幋顓炲壉闂佸搫鍊甸崑鎾斥攽閿涘嫬浜奸柛濠冪墪铻炲ù锝堝€藉☉銏犵妞ゆ帊绀佸鍧楁⒑闁偛鑻晶瀛樻叏婵犲懏顏犵紒顔界懃閳诲酣骞嗚婢瑰姊绘担绛嬫綈闁烩剝娲熼、姘愁樄妞ゃ垺宀告俊鐑藉煛娴ｄ警妲规俊鐐€栭悧妤€顫濋妸鈺傚仾闁逞屽墯娣囧﹪鎮欓鍕ㄥ亾閺嶎厼绠伴柣鎰靛墯閸欏繘鏌℃径瀣劸闁搞倖娲熼弻鐔煎箚閺夊晝鎾绘煃闁垮绗掗棁澶愭煥濠靛棛澧涙い蹇曞█閹粙顢涘☉姘垱闂佸搫鐭夌槐鏇熺閿旂偓瀚氶柟缁樺俯濞煎孩淇婇妶鍥ラ柛瀣洴钘濋柣銏⑶归弸渚€鏌熼崜褏甯涢柛瀣姍閺屾盯骞囬鐘仦闂佺ǹ顑嗛幑鍥箠濠婂牊鍊烽梺顐ｇ〒閻╁酣姊绘担鍛婃儓婵炶绠撻妴鍐川椤旂虎娲告俊銈忕到閸燁垶鍩涢幋锔界厱婵犻潧妫楅顐︽煟韫囨稐鎲鹃柡灞剧洴閹晠宕橀幓鎺濇綒闂佽姤蓱缁诲牓寮婚敐鍛傛棃鍩€椤掑嫭鍋嬪┑鐘叉搐绾惧潡鏌ｉ弬鍨倯闁绘挸鍟撮弻鏇熷緞閸繂濮庨梺鍝勬娴滎剛妲愰幒妤佸亼闁告侗鍨宠ⅵ婵犳鍠栭敃锔惧垝椤栫偛绠柛娑樼摠閸ゅ秹鏌曟径娑氬矝闁稿鎹囧畷姗€顢欓悾灞藉箺闂備胶顢婂▍锝夊磻閻斿吋鍋╅柛顭戝亽濞堜粙鏌ｉ幇顓熺稇闁诲繐顕埀顒冾潐濞叉﹢宕曟總鍢庛劍绗熼埀顒勫蓟濞戙垹围闁糕剝岣块ˇ銊╂⒑闂堟稒鎼愰悗姘嵆閻涱噣骞掑Δ鈧粻锝嗙節閸偄濮冮柟顕嗙秮濮婃椽骞栭悙鎻掑闂佸湱枪閸熷潡锝炶箛娑欐優闁荤喐婢橀褔姊洪崫鍕窛闁稿鐩崺娑欏緞婵犲孩瀵岄梺闈涚墕閸燁偅淇婇懖鈺冪＜缂備焦锚閻忊晠鏌嶈閸撶喎岣胯婵″爼骞栨担鍛婄€梺鐟板⒔缁垶寮查幖浣圭叆闁绘洖鍊圭€氾拷

Base Browsers: IE8.0+, Firefox40.0+, Chrome40.0+, iOS8.0+, Android4.4+, Opera40.0+

语法：

user-select：none | text | all | element

默认值：text

适用于：除替换元素外的所有元素

继承性：无

动画性：否

计算值：指定值

取值：

none：
文本不能被选择
text：
可以选择文本
all：
当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素，那么被选择的部分将是以该子元素向上回溯的最高祖先元素。
element：
可以选择文本，但选择范围受元素边界的约束

说明：

设置或检索是否允许用户选中文本。
  • IE6-9不支持该属性，但支持使用标签属性 onselectstart="return false;" 来达到 user-select:none 的效果；Safari和Chrome也支持该标签属性；
  • 直到Opera12.5仍然不支持该属性，但和IE6-9一样，也支持使用私有的标签属性 unselectable="on" 来达到 user-select:none 的效果；unselectable 的另一个值是 off；
  • 除Chrome和Safari外，在其它浏览器中，如果将文本设置为 -ms-user-select:none;，则用户将无法在该文本块中开始选择文本。不过，如果用户在页面的其他区域开始选择文本，则用户仍然可以继续选择将文本设置为 -ms-user-select:none; 的区域文本；
  • 对应的脚本特性为userSelect。

兼容性：

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-9.0 4.0-40.0-moz- 4.0-8.0-webkit- 4.0-45.0-webkit- 6.0-8.0-webkit- 15.0-27.0-webkit- 6.0-8.3-webkit- 18.0-42.0-webkit-
10.0-11.0-ms-
element 6.0-9.0 4.0-40.0-moz- 4.0-8.0 4.0-45.0 6.0-8.0 15.0-27.0 6.0-8.3 18.0-42.0
10.0-11.0-ms-

示例：