CSS中如何應用user-select禁止文字選擇

這篇文章主要講解了“CSS中如何應用user-select禁止文字選擇”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“CSS中如何應用user-select禁止文字選擇”吧！

十載的萬山網站建設經驗，針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。成都全網營銷推廣的優(yōu)勢是能夠根據用戶設備顯示端的尺寸不同，自動調整萬山建站的顯示方式，使網站能夠適用不同顯示終端，在瀏覽器中調整網站的寬度，無論在任何一種瀏覽器上瀏覽網站，都能展現優(yōu)雅布局與設計，從而大程度地提升瀏覽體驗。創(chuàng)新互聯從事“萬山網站設計”,“萬山網站推廣”以來，每個客戶項目都認真落實執(zhí)行。

user-select有兩個值：

none：用戶不能選擇文本

text：用戶可以選擇文本

需要注意的是：user-select并不是一個W3C的CSS標準屬性，瀏覽器支持的不完整，需要對每種瀏覽器進行調整

代碼如下:

body{
-moz-user-select: none; /*火狐*/
-webkit-user-select: none; /*webkit瀏覽器*/
-ms-user-select: none; /*IE10*/
-khtml-user-select: none; /*早期瀏覽器*/
user-select: none;
}

IE6-9還沒發(fā)現相關的CSS屬性

代碼如下:

//IE6-9
document.body.onselectstart = document.body.ondrag = function(){
return false;
}

感謝各位的閱讀，以上就是“CSS中如何應用user-select禁止文字選擇”的內容了，經過本文的學習后，相信大家對CSS中如何應用user-select禁止文字選擇這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯，小編將為大家推送更多相關知識點的文章，歡迎關注！

新聞名稱：CSS中如何應用user-select禁止文字選擇
文章源于：http://muchs.cn/article28/gphpjp.html

成都網站建設公司_創(chuàng)新互聯，為您提供小程序開發(fā)、網站內鏈、企業(yè)建站、網站維護、建站公司、外貿建站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯