Leeiio Chaos Made. » selection color http://leeiio.me The world is golden. Thu, 26 Apr 2012 03:54:07 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 CSS 改变选取文字的颜色(CSS3 – 目前 Firefox/Safari only) http://leeiio.me/css-modify-selection-color-css3/ http://leeiio.me/css-modify-selection-color-css3/#comments Sun, 05 Apr 2009 06:06:53 +0000 Leeiio http://leeiio.me/?p=1220 Continue reading →]]> CSS 改变选取文字的颜色(CSS3 - 目前 Firefox/Safari only)
无疑在这个技术迅猛发展的现在，css2 已经显得何其单薄，css3 草案出来后，无疑将为 web 设计带来更多新奇的效果。选取文字颜色的改变就是 css3 中的一项规范。虽然出来得比较早了，但是鉴于还有很多人不知晓，所以我写出来分享给大家。

语法:
::selection {background: #ffb7b7; /* Safari */}
::-moz-selection {background: #ffb7b7; /* Firefox */}

考虑到未来的浏览器可能会支援此属性，所以你也可以再加上这么一条
selection {background: #ffb7b7; }

Example:
p.red::selection {
background: #ffb7b7;
}
p.red::-moz-selection {
background: #ffb7b7;
}

这个 css3 规范还可以这样玩(将图片隐藏在 html 中): Text + Image + CSS3 = Crazy Delicious (此网站和上述语法在 IE 中无法显示效果)

View Demo Highlight Colors


以上范例转载自: Tsung’s Blog and Overriding The Default Text Selection Color With CSS.

]]> http://leeiio.me/css-modify-selection-color-css3/feed/ 16