-
褐变后，默认背景色是蓝色。不同浏览器的颜色有所不同，但大致相同，文字颜色几乎是白色的。如下图所示，这是削减从firefox3.6浏览器。
当CSS3的爸爸妈妈不知道对方，就很难被家长认可后，改变背景颜色和网页文本的颜色。但是，由于CSS3来地得到越来越多的浏览器，一切都显得那么自然。虽然有些顽固的坏老头（如IE浏览器）不承认这个新的CSS3，它不影响其他浏览器的另一个改进的用户界面。
目前，Firefox、Safari、Chrome和Opera浏览器都支持文本选择属性。如果浏览器不支持此属性，则它们将直接忽略它，因此不会产生任何不利影响。
下面是一个改进UI体验的简单技术。
更改默认选择颜色
首先，简单的例子，我们可以设置整页文本的基本样式，如下所示：
CSS代码将内容复制到剪贴板。
：选择{
背景：# d3d3d3；
颜色：# 555；
}
：：-要选择{
背景：# d3d3d3；
颜色：# 555；
}
：：- WebKit选择{
背景：# d3d3d3；
颜色：# 555；
}
结果，文本的默认蓝色背景变成了浅灰色，如下图所示，从Chrome浏览器中删除：
当然，我们可以使用CSS选择器在选择特定的标签内容之后指定样式状态，如下图所示的板栗选择状态：
CSS代码将内容复制到剪贴板。
栗色：：选择{。
背景：栗色；
颜色：# FFF；
}
。栗色：：-要选择{
背景：栗色；
颜色：# FFF；
}
。栗色：：- WebKit选择{
背景：栗色；
颜色：# FFF；
}
…文本内容。
得到如下结果。
总之，改变颜色和选定文本的背景颜色，我们需要添加伪CSS3：选择、设置颜色和背景颜色背景颜色，如：
CSS代码将内容复制到剪贴板。
：：选择{颜色：# 333；背景颜色：# cce8cf；}
：：-要选择{颜色：# 333；背景颜色：# cce8cf；}
：：- WebKit选择{颜色：# 333；背景颜色：# cce8cf；}
上面的代码效果类似于下图（从Firefox 5浏览器中删除）：
当然，您也可以使用CSS选择器来指定标签或选定区域文本之后的样式状态：
CSS代码将内容复制到剪贴板。
H2：：选择{颜色：# F60；背景颜色：# cce8cf；}
P：：选择{颜色：# 333；背景颜色：# cce8cf；}
H2：：-要选择{颜色：# F60；背景颜色：# cce8cf；}
P：：-要选择{颜色：# 333；背景颜色：# cce8cf；}
H2：：- WebKit选择{颜色：# F60；背景颜色：# cce8cf；}
P：：- WebKit选择{颜色：# 333；背景颜色：# cce8cf；}
大多数使用选择没有问题的标签，但有一个标签在不同的浏览器不同，有些浏览器不适用：一个标签：选择风格（FF5，chrome12），有些浏览器会使用：选择风格（歌剧11.50）。这可能是某些浏览器认为是让用户知道这是一个链接更重要，所以它不改变颜色。