《
CSS3改变文本选中的默认颜色》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302332362013.htm
.maroon::selection { background:maroon; color:#fff; } .maroon::-moz-selection { background:maroon; color:#fff; } .maroon::-webkit-selection { background:maroon; color:#fff; }
<p class="maroon">...文字内容。</p>
会得到相似下图的后果：
首先，简略点的例子，咱们能够设置全部页面文本选中的基础款式，如下：
CSS3改变文本选中的默认颜色
当然，我们可以应用CSS取舍器指定特定标签内容文字选中后的样式状态，例如下面所展示的栗色选中状况：
下面就简单展示下这个改进UI休会的小技巧。
诚实讲，在实际的贸易名目中,CSS3布局 灵活的盒子模型，我是毫不会使用:selection来改变文本选中的样式的，要是个人网站或是设计类网站倒是很有可能使用此属性来让网站蓬荜生辉。当然,CSS3属性之text-shadow详解，每个人在页面重构的进程中所重视的地方时不一样的，所以,CSS3属性box-shadow详解，对:selection的立场仅代表个人观点。
目前Firefox、Safari、Chrome以及Opera阅读器都支持文本抉择属性，如果浏览器不支撑该属性，会直接疏忽它,css3对于background的调整与增强，所以不会发生任何不良的影响。
在CSS3的爸爸妈妈还没有相亲意识的时候，要改变页面上文字选中后的背风景以及文字颜色，就跟让太监生孩子一样艰苦。然而，跟着CSS3呱呱落地，取得越来越多的浏览器认可，所有又显得那么天然而然。固然有些固执的糟老头（如IE浏览器）还不认可这个新生的CSS3，但是,CSS3实现改变默认文本选中的颜色，丝绝不影响其在其余浏览器上对UI的又一次改良。
::selection { background:#d3d3d3; color:#555; } ::-moz-selection { background:#d3d3d3; color:#555; } ::-webkit-selection { background:#d3d3d3; color:#555; }
于是，文本选中的默认蓝色背景就此变成了淡灰色，如下图所示，截自Chrome浏览器：
二、改变默认选中颜色
本文实在不什么内容，小技能展现罢了。假如文中有什么表述不正确的处所欢迎斧正,CSS3实现对话气泡效果，也欢送通过评论进行交换。
--> [
网站建设之]CSS3改变文本选中的默认颜色
同样的，你可以依据本人的须要，指定CSS挑选器以及对应内容文字/图片等的选中样式,CSS3实现Chrome浏览器的新LOGO，这里就不逐一举例了。
以我的体系举例（xp 默认主题），浏览器上页面文字选中后默认的背景色是一种蓝色， 不同浏览器的颜色有些许差别,CSS3实战 尽情的实现网页圆角效果，但大抵雷同，文字颜色也近乎白色,CSS3实例资源收集 11个CSS3开发实用工具，如下图所示，截自Firefox3.6浏览器：
Tag：默认 色彩 文本 转变
,
CSS3实例教程 盒模型添加阴影属性box-shadow; 四、结语
(责任编辑：网站建设)
CSS3改变文本选中的默认颜色相关文章