user-select的详细用法
生活随笔
收集整理的這篇文章主要介紹了
user-select的详细用法
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
前言
做網(wǎng)頁(yè)的時(shí)候,有些文字我們需要能被選中,有些我們不要能被選中,那么這就需要用到一個(gè)css屬性了,那就是?user-select?
使用方法
user-select: none|auto|text|contain|all;/*firefox瀏覽器*/ -moz-user-select: none|text|all;/*safari、chrome瀏覽器*/ -webkit-user-select: none|text|all; /*Safari中不支持該屬性值,只能使用none或者text,或者是在html的標(biāo)簽屬性中使用*//*ie瀏覽器*/ -ms-user-select: none|text|element;屬性值: none : 元素和子元素的文本將無(wú)法被選中 text : 文本可以被選中 auto : 文本將根據(jù)瀏覽器的默認(rèn)屬性進(jìn)行選擇 all : 當(dāng)所有內(nèi)容作為一個(gè)整體時(shí)可以被選擇。如果雙擊或者在上下文上點(diǎn)擊子元素,那么被選擇的部分將是以該子元素向上回溯的最高祖先元素 contain、element : 可以選擇文本,但選擇范圍受元素邊界的約束,也就是選擇的文本將包含在該元素的范圍內(nèi)。只支持Internet Explorer注意: 瀏覽器實(shí)現(xiàn)之間的區(qū)別之一是繼承。在Firefox中,-moz-user-select不是由絕對(duì)定位的元素繼承的,但在Safari和Chrome中,-webkit-user-select卻是由絕對(duì)定位的元素繼承而來(lái)的。詳情請(qǐng)瀏覽:user-select詳細(xì)介紹
總結(jié)
以上是生活随笔為你收集整理的user-select的详细用法的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: Mac OSX使用VMware Fusi
- 下一篇: Unity3D学习笔记之二资源导入以及工