成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

user-select的詳細(xì)用法

GeekGhc / 1308人閱讀

摘要：只支持注意瀏覽器實(shí)現(xiàn)之間的區(qū)別之一是繼承。在中，不是由絕對(duì)定位的元素繼承的，但在和中，卻是由絕對(duì)定位的元素繼承而來(lái)的。

前言

做網(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)的。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/53965.html

相關(guān)文章

  • user-select的詳細(xì)用法

    摘要：只支持注意瀏覽器實(shí)現(xiàn)之間的區(qū)別之一是繼承。在中，不是由絕對(duì)定位的元素繼承的，但在和中，卻是由絕對(duì)定位的元素繼承而來(lái)的。 前言 做網(wǎng)頁(yè)的時(shí)候，有些文字我們需要能被選中，有些我們不要能被選中，那么這就需要用到一個(gè)css屬性了，那就是 user-select 使用方法 user-select: none|auto|text|contain|all; /*firefox瀏覽器*/ -moz...

    seanlook 評(píng)論0 收藏0

  • 禁止用戶選擇的另一種思路（兼容 IE8）

    摘要：禁止用戶選擇的另一種方法是在不想被選中的元素上面綁定事件并且返回。另一種思路偽類偽元素先上一個(gè)例子。標(biāo)準(zhǔn)當(dāng)中方法可以用于所有的屬性和元素當(dāng)中，但是目前還沒(méi)有任何一個(gè)瀏覽器實(shí)現(xiàn)了這個(gè)標(biāo)準(zhǔn)。 user-select 前端開(kāi)發(fā)中常常會(huì)遇到一種需求，讓某些元素的內(nèi)容不能被選中，一般的做法會(huì)用 user-select: none 來(lái)做，由于 user-select 并不是標(biāo)準(zhǔn)的 CSS 屬性，所...

    Darkgel 評(píng)論0 收藏0

  • CSS開(kāi)發(fā)

    摘要：譯十六進(jìn)制顏色揭秘原文地址原文作者譯文出自掘金翻譯計(jì)劃本文永久鏈接教程入門篇關(guān)于是一款進(jìn)行柵格布局的輔助工具，它讓開(kāi)發(fā)者擺脫了冗雜的數(shù)學(xué)計(jì)算，同時(shí)降低了樣式與結(jié)構(gòu)的耦合程度。 【譯】CSS 十六進(jìn)制顏色揭秘 原文地址：CSS Hex Colors Demystified 原文作者：Dave Gash 譯文出自：掘金翻譯計(jì)劃 本文永久鏈接：https://github.com/xitu/...

    warkiz 評(píng)論0 收藏0

  • 好看漂亮的html5網(wǎng)頁(yè)特效學(xué)習(xí)筆記(5)_弧形菜單

    摘要：定義標(biāo)準(zhǔn)的文本。然后看看函數(shù)的定義自啟動(dòng)來(lái)按下按鈕的時(shí)差不能超過(guò)最大持續(xù)時(shí)間重新繪制菜單項(xiàng)的位置先用確定按下按鈕的時(shí)間，儲(chǔ)存在中。如果到了規(guī)定時(shí)間的話，就執(zhí)行。然后再把取下的第一個(gè)當(dāng)成第十三個(gè)接在最后面，又成了新的菜單排列。 showImg(https://segmentfault.com/img/bVbw1zV?w=818&h=479); 效果： 弧形菜單，文字按規(guī)則變形以及變換透...

    Guakin_Huang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<