简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > html教程 > 正文

CSS3 ::selection选择器_html/css_WEB-ITnose

WBOY
发布： 2016-06-24 11:39:13
原创
969 人浏览过

之前看到有些网站选中内容的颜色和背景色都不是平时看到的蓝色和白色。今天有兴趣查看了一下，原来是一个很简单的CSS3的选择器::selection的用法。

上例子：

<style>        .selectColor::selection{color:#fff;background:pink;}        .selectColor::-moz-selection{color:#fff;background:pink;}        .selectColor::-webkit-selection{color:#fff;background:pink;}</style><body>    <p>普通文本，不设置::section,选中时文本的颜色为白色，背景色为蓝色</p>    <p class="selectColor">选择文本的颜色为白色，背景色为粉色</p></body>
登录后复制

只能向::selection选择器应用少量CSS属性：color、background、cursor以及outline。

浏览器支持：

IE9+、Opera、Google Chrome 以及 Safari 中支持 ::selection 选择器。

Firefox 支持替代的 ::-moz-selection。

 

相关标签：
CSS3 ::selection选择器
来源：php.cn
上一篇：less 预处理器的方式来编写 CSS_html/css_WEB-ITnose 下一篇：iOS Core Animation详解（五）CATransition_html/css_WEB-ITnose
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
WordPress 6.0 (add_editor_style) 不会在古腾堡编辑器中加载 style.css 我正在学习UdemyWordPress课程来创建自定义WordPress块主题。我成功在function.php中注册了块类型，并且可以在古腾堡编辑器中选择我的块。教程建议使用以下...
来自于 2023-11-12 20:37:50
0
2
261
只选择月份和年份的v-date-picker 请告诉我是否有其他方法可以使用v-date-picker来执行此操作。我只希望用户能够选择年份和月份，然后日期选择器菜单应该关闭。这是我的html作为示例，但我不介意使用不同的代码...
来自于 2023-11-10 14:05:05
0
1
269
Vue JS Router：重定向时重新加载页面 我有一个带有Login.vue和Home.vue文件的应用程序。因为我将管理HTML网站转换为vue3应用程序，所以我的javascript仅适用于页面重新加载。创建应用程序时，我...
来自于 2023-10-26 11:53:46
0
2
188
是否可以将 :nth-child() 或 :nth-of-type() 与任何选择器结合使用？ 是否有办法选择与任意选择器匹配（或不匹配）的第n个子元素？例如，我想选择每个奇数表行，但在行的子集中：table.myClasstr.row:nth-child(odd){...}...
来自于 2023-10-20 17:04:56
0
2
347
将标题重写为：使用变量获取MySQL字段名称 是否可以选择名称为字符串的字段？从表中选择“字段名”我需要这个触发器才能具有动态字段名称类似的东西SETfieldname=NEW.`name`;UPDATEtableSETfie...
来自于 2023-10-20 09:39:08
0
2
311
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！