css设置网页文本选中样式
2016-10-07 21:55
501 查看
网页的默认的文本选中颜色是蓝底白字(大多应该是吧),这个样子:
感觉并不是特别好看,可以通过CSS3的一个特性,一个CSS3的伪类选择器::selection来设置文本被选中时的状态,比如本博客的主题(2016-10-7):
/*设置文本选中颜色,看起来更酷一些*/ ::selection { background:#DDDDDE; } ::-moz-selection { background:#DDDDDE; } ::-webkit-selection { background:#DDDDDE; }
效果是这个样子:
总结:
::selection是css3的一个UI伪类选择器[注1],所以喽,需要浏览器支持才可以,不支持会直接忽略掉。
[注1] UI伪类选择器:在元素处于某种状态时为其应用样式。
相关文章推荐
- css基础 设置div标签 宽度 边框线颜色样式 div中文本居中 div块在网页中居中 div中内容距边框线的距离
- css基础 设置div标签 宽度 边框线颜色样式 div中文本居中 div块在网页中居中 div中内容距边框线的距离
- css样式设置高度不定文本垂直居中
- js随笔,css和js禁止网页选择文本,table的class样式使得td的class样式失效,jquery获得元素坐标
- 如何利用CSS给同一个网页中的超链接设置设置不同的样式?
- CSS样式设置网页背景
- 第六步:页面内的基本文本的样式(css)设置
- css 设置网页边框滚动条样式
- css基础 设置所有h1标签的 文本颜色 对齐方式 边框样式 背景颜色
- CSS设置input placeholder文本的样式
- 第21节 css设置文本样式
- css基础 设置所有h1标签的 文本颜色 对齐方式 边框样式 背景颜色
- 精通CSS.DIV网页样式与布局(五) ——设置表格与表单样式
- 网页css样式之文本排版知识梳要
- CSS:设置文本与字体样式
- CSS设置input placeholder文本的样式
- Flex中如何通过selectedButtonTextStyleName样式,设置ToggleButtonBar选中按钮文本颜色
- 第六步:页面内的基本文本的样式(css)设置
- CSS(四) 设置文本样式
- css设置文本样式