CSS3不選中屬性可用于設置不允許選中文本的區域,具有很好的保護作用。例如,在網頁設計中一些特定的區域不允許用戶選中,可以使用這一屬性進行設置。
代碼示例: .no-select { -webkit-touch-callout: none; /* 禁止長按鏈接與圖片彈出菜單 */ -webkit-user-select: none; /* 禁止選中文本 */ -moz-user-select: none; -ms-user-select: none; user-select: none; }
上面的代碼示例中,-webkit-touch-callout是禁止長按鏈接與圖片彈出菜單,-webkit-user-select、-moz-user-select、 -ms-user-select、user-select均為禁止選中文本。使用這些屬性可以方便地設置不選中效果,且兼容性良好。
需要注意的是,這些屬性可能會影響到網站的易用性,因此僅在必要的情況下使用。
上一篇css3兩張圖片漸變過渡
下一篇css3不要居中放大