css文本高亮显示,CSS3:高亮文本选中颜色

关键字： ::selection

为了个性化网站主题，可以对文本高亮背景颜色进行设置。

:selection {

background: #ffb7b7; /* WebKit/Blink Browsers */

}

::-moz-selection {

background: #ffb7b7; /* Gecko Browsers */

}

一个简单的例子：

#p2::selection {

background: yellow;

}

#p3::selection {

background: blue;

}

This paragragh doesn't use ::selection

This paragragh uses ::selection,highlight color is yellow.

This paragragh uses ::selection,highlight color is blue.

未选中时：

选中时：

第一个段落选中的高亮颜色是浏览器的默认颜色。该CSS3属性在主流浏览器(FF,Chrome)等运行正常。

可在jsfiddle在线编辑里尝试一下：

原文：http://blog.csdn.net/tounaobun/article/details/39271413

css文本高亮显示,CSS3:高亮文本选中颜色相关推荐

[css] 请说说CSS3实现文本效果的属性有哪些？
[css] 请说说CSS3实现文本效果的属性有哪些? text-shadow:文字阴影效果 word-wrap:换行设置个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷 ...
使用CSS3改变文本选中的默认颜色
by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=1147 关于浏览器文 ...
CSS渐变、CSS3字体及CSS3文本效果
1.CSS渐变 1.1线性渐变 .box{ width: 300px; height: 300px; background: linear-gradient(red,blue) position渐变方 ...
java鼠标进入高亮效果_鼠标选中文本划词高亮、再次选中划词取消高亮效果
当我们需要鼠标选中文本后,文本高亮.当再次将选中的文本选中后,取消高亮效果时该如何实现呢? 一.介绍 window.getSelection 获取鼠标选中内容,主要是利用了window.getSele ...
【Markdown】字体，颜色：字体颜色、背景颜色，高亮文本
本文摘自:https://blog.csdn.net/thither_shore/article/details/52328313 https://blog.csdn.net/testcs_dn/ar ...
HTML、css——设置文本框中的默认字体颜色和点击输入的文本字体颜色不一致；并且点击文本框，文本框边框消失；输入内容时，默认字体消失。
html代码: 功能:点击输入的文本字体颜色的设置,并且输入内容时,文本框里的默认字消失. <input type="text" placeholder="手机号. ...
CSS - 使用CSS3旋转文本
前言 CSS3提供了一个旋转文本的简单方法.如果项目不需要使用复杂的画布元素,使用transform:rotate属性不失为一个易于实现的解决方案. 准备工作在HTML文档中写下一行文本.打起精神来 ...
java样式是什么_java css样式 css样式的种类选择器文本相关样式背景相关样式边框盒子模式...
今日内容: ? CSS样式 ? CSS样式的种类 ? 选择器 ? 文本相关样式 ? 背景相关样式 ? 边框 ? 盒子模式 select标签下拉列表标签,常用于单选和多选,是一个组合标签,需要和子标签 ...
怎样用html设置文档格式,Dreamweaver使用CSS样式表设置网页文本格式
Dreamweaver使用CSS样式表设置网页文本格式互联网发布时间:2008-10-17 19:35:50 作者:佚名我要评论本文章介绍如何在 Dreamweaver 中使用层叠 ...

css文本高亮显示,CSS3:高亮文本选中颜色

css文本高亮显示,CSS3:高亮文本选中颜色相关推荐

最新文章

热门文章