资讯专栏INFORMATION COLUMN

CSS3常见技巧(一):如何禁止文本选择高亮

Raaabbit / 705人阅读

摘要:根据显示,目前已经支持绝大多数浏览器了,不过如果想在或者更早之前使用,还需要使用浏览器前缀。代码如下没有前缀,目前支持和谷歌浏览器

根据 Can I use显示,目前user-select已经支持绝大多数浏览器了,不过如果想在IE9或者更早之前使用,还需要使用浏览器前缀。

代码如下

. noselect{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* 没有前缀,目前支持Opera和谷歌浏览器 */
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/117316.html

相关文章

  • CSS3常见技巧):如何禁止文本选择高亮

    摘要:根据显示,目前已经支持绝大多数浏览器了,不过如果想在或者更早之前使用,还需要使用浏览器前缀。代码如下没有前缀,目前支持和谷歌浏览器 根据 Can I use显示,目前user-select已经支持绝大多数浏览器了,不过如果想在IE9或者更早之前使用,还需要使用浏览器前缀。 代码如下 . noselect{ -webkit-touch-callout: none; /* iOS Sa...

    Hwg 评论0 收藏0
  • css相关 - 收藏集 - 掘金

    摘要:在正式前端一些小细节前端掘金英文原文,翻译未来的太让人兴奋了一方面,是全新的页面布局方式另一方面,是酷炫的滤镜颜色等视觉效果。老司机教你更好的进行编程个技巧前端掘金并不总是容易处理。 CSS3 实现文字流光渐变动画 - 前端 - 掘金来自百度前端技术学院的实践任务:有趣的鼠标悬浮模糊效果,参考:http://ife.baidu.com/course/d...,用CSS3实现了一下,顺便...

    molyzzx 评论0 收藏0
  • CSS开发

    摘要:译十六进制颜色揭秘原文地址原文作者译文出自掘金翻译计划本文永久链接教程入门篇关于是一款进行栅格布局的辅助工具,它让开发者摆脱了冗杂的数学计算,同时降低了样式与结构的耦合程度。 【译】CSS 十六进制颜色揭秘 原文地址:CSS Hex Colors Demystified 原文作者:Dave Gash 译文出自:掘金翻译计划 本文永久链接:https://github.com/xitu/...

    warkiz 评论0 收藏0
  • 【译】HTML表单样式

    摘要:并非所有组件受的影响都是平等的如今在表单使用时依然有一些困难这些问题可归为三类还好的若存在跨平台问题,一些元素可以只添加少许的样式,有如下几个结构元素此外,还有所有的文本框组件单行或多行,以及按钮。 系列文章说明 原文 本文中,我们将学习如何使用CSS来让HTML表单看起来更漂亮,这可能需要窍门才能做到。由于历史及技术上的原因,表单组件并不太适合使用CSS;而也正因为有这些困难,许...

    taowen 评论0 收藏0
  • 【译】HTML表单样式

    摘要:并非所有组件受的影响都是平等的如今在表单使用时依然有一些困难这些问题可归为三类还好的若存在跨平台问题,一些元素可以只添加少许的样式,有如下几个结构元素此外,还有所有的文本框组件单行或多行,以及按钮。 系列文章说明 原文 本文中,我们将学习如何使用CSS来让HTML表单看起来更漂亮,这可能需要窍门才能做到。由于历史及技术上的原因,表单组件并不太适合使用CSS;而也正因为有这些困难,许...

    DC_er 评论0 收藏0

发表评论

0条评论

Raaabbit

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<