根据Mozilla开发人员网络(MDN): ::selection CSS伪元素将样式应用于用户已突出显示的文档部分(例如,在文本上单击并拖动鼠标)。 要使用::selection伪类,只需执行以下操作: p::selection{color:#fff;background-color:#000; } ::selection支持的属性 值得注意的是::selection仅支持color,background和text-shadow属性。
【摘要】 今天分享使用user-select如何实现文本禁止复制的方式,以及使用user-select实现实际开发中的不同需求。 前情提要 最近重温了一下MDN文档,果然温故而知新。 最近翻到CSS部分,刚把60多个伪类翻了一遍,准备翻翻别的。 它这个分类挺有趣的,以前看所有属性一大片,也没注意过,原来大家也可以分门别类。 今天翻阅...
前情提要 为了丰富自己是知识体系,我最近频繁翻阅MDN的文档,果然MDN文档常看常新。 最近翻到CSS部分,刚把60多个伪类翻了一遍,准备翻翻别的。 它这个分类挺有趣的,以前看所有属性一大片,也没注意过,原来大家也可以分门别类。 今天翻阅基础用户界面相关的属性,大部分属性的花样连个手绢都绣不成,倒是最后这个user-...
你可以选中这段文本。 你不能选中这段文本! 点击一次就会选中这段文本。 注意:目前此案例在 Safari 浏览器中不生效 更多 user-select 属性的更多用法可参考:MDN:user-select版权声明:[自由转载-注明出处-非商用-非衍生] (知识共享许可协议)back home
readonly="readonly"] { -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select...: none; } 这是个新的实验性属性,具体说明及兼容性可参考user-select MDN 用起来感觉很好,但是同样有两个问题:一,非标准属性(请尽量不要在生产环境中使用它!) ...
readonly="readonly"] { -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select...: none; } 这是个新的实验性属性,具体说明及兼容性可参考user-select MDN 用起来感觉很好,但是同样有两个问题:一,非标准属性(请尽量不要在生产环境中使用它!) ...
Opera Mini ﹖all: Support unknown Android Browser ❌ 2.1 - 4.3: Not supported ✅ 4.4 - 4.4.4: Supported ✅ 131: Supported Opera Mobile ❌ 12 - 12.1: Not supported ✅ 80: Supported Chrome for Android ✅ 131: Supported Firefox for Android ✅ 132: Supported UC Browser for Androi...
Resources: WebKit bug to unprefix `-webkit-user-select` CSS Tricks article MDN Web Docs - CSS user-select MSDN DocumentationCan I use... Browser support tables for modern web technologies Created & maintained by @Fyrd, design by @Lensco. Support data contributions by the GitHub community. ...
More Information MDN Docs User Select interoperability Browser Support This is specifically for-*-user-select: none; This browser support data is fromCaniuse, which has more detail. A number indicates that browser supports the feature at that version and up. ...
CSSのプロパティuser-selectについて。 参考: user-select - CSS | MDN https://developer.mozilla.org/ja/docs/Web/CSS/user-select ブラウザサポート状況: http://caniuse.com/#search=user-select user-selectとは (ざっくり言うと)HTML上の要素の選択を制御することができるプロパティです。