Css Selection
highlight颜色教程
首先到Edit Html
把以下code放入
的前面
::selection {
background:#FFA8A8;
color:#FFFFFF;
}
::-moz-selection{
background:#FFA8A8;
color:#FFFFFF;
}
code::selection {
background: #FFD5D5;
color:#FFA8A8;
}
code::-moz-selection {
background: #FFD5D5;
color:#FFA8A8;
}
::selection {
background:#FFA8A8;
color:#FFFFFF;
}
::-moz-selection{
background:#FFA8A8;
color:#FFFFFF;
}
background是背景颜色
color是字的颜色
selection & moz selection 的 background和color要一样
参考颜色值地址
http://html-color-codes.info/
code::selection {
background: #FFD5D5;
color:#FFA8A8;
}
code::-moz-selection {
background: #FFD5D5;
color:#FFA8A8;
}
跟上面一样
background是背景颜色
color是字的颜色
code selection & code moz selection 的 background和color要一样
给你们看看Demo
Demo>>>
highlight以下的字
This is my
blog
.
很特别对吧!
“This is my”是属于
::selection {
background:#FFA8A8;
color:#FFFFFF;
}
::-moz-selection{
background:#FFA8A8;
color:#FFFFFF;
}
“blog”是属于
code::selection {
background: #FFD5D5;
color:#FFA8A8;
}
code::-moz-selection {
background: #FFD5D5;
color:#FFA8A8;
}
要改变highlight颜色一定要加些code 例子:
要记得
:selection { 和 code::selection {
的颜色值是不一样的,才可以呈现
这个Css Selection
在Firfox 3.5、Opera 9.64、Chrome 3、Safari 4上测试有效,IE下无效。
=end=
Easy???
^^