html怎么禁止文字选择
在html中，可以利用user-select屬性來禁止文字選擇，只需要給文本元素添加“user-select:none;”樣式即可；user-select屬性用于設置用戶是否能夠選中文本，當值為“none”可讓文本不能被選擇。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
html中禁止文字被選中
user-select: none |text| all | element;
取值：
none:文本不能被選擇
text:可以選擇文本
all :當所有內容作為一個整體時可以被選擇。如果雙擊或者在上下文上點擊子元素，那么被選擇的部分將是以該子元素向上回溯的最高祖先元素。
element:可以選擇文本，但選擇范圍受元素邊界的約束
說明：
1、IE6-9不支持該屬性，但支持使用標簽屬性onselectstart="return false;"來達到user-select:none的效果；Safari和Chrome也支持該標簽屬性；
2、直到Opera12.5仍然不支持該屬性，但和IE6-9一樣，也支持使用私有的標簽屬性unselectable="on"來達到user-select:none的效果；unselectable 的另一個值是 off；
3、除Chrome和Safari外，在其它瀏覽器中，如果將文本設置為-ms-user-select:none;，則用戶將無法在該文本塊中開始選擇文本。不過，如果用戶在頁面的其他區(qū)域開始選擇文本，則用戶仍然可以繼續(xù)選擇將文本設置為-ms-user-select:none;的區(qū)域文本；
4、對應的腳本特性為userSelect。
html
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>user-select</title></head><style> .test { padding: 10px; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; background: #eee; }</style><body> <div onselectstart="return false;" unselectable="on">禁止選中文本內容</div></body></html>
推薦教程：《html視頻教程》
總結
以上是生活随笔為你收集整理的html怎么禁止文字选择的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： no result type defin
- 下一篇： html怎么设置div的透明度