2个回答
推荐于2018-02-27 · 知道合伙人互联网行家
关注
展开全部
鼠标选中后,背景变色的方法:
如:改变选中后,选中区域的背景颜色为浅蓝色。
在css中写入如下代码:
/* webkit, opera, IE9 */
::selection { background:lightblue; }
/* mozilla firefox */
::-moz-selection { background:lightblue; }
说明:
1、-moz-属性前缀是个火狐浏览器用的,而基本的::selection选择器是给谷歌浏览器用的。
2、background后面可以直接使用颜色值。如:::selection { background:#ffff00; }
另外:
跟其它CSS选择器的用法一样,也可以嵌套使用,在不同的地方显示不同的颜色。
如下:
/* webkit, opera, IE9 */
div.highlightBlue::selection { background:lightblue; }
/* mozilla firefox */
div.highlightBlue::-moz-selection { background:lightblue; }</p> <p>/* webkit, opera, IE9 */
div.highlightPink::selection { background:pink; }
/* mozilla firefox */
div.highlightPink::-moz-selection { background:pink; }
如:改变选中后,选中区域的背景颜色为浅蓝色。
在css中写入如下代码:
/* webkit, opera, IE9 */
::selection { background:lightblue; }
/* mozilla firefox */
::-moz-selection { background:lightblue; }
说明:
1、-moz-属性前缀是个火狐浏览器用的,而基本的::selection选择器是给谷歌浏览器用的。
2、background后面可以直接使用颜色值。如:::selection { background:#ffff00; }
另外:
跟其它CSS选择器的用法一样,也可以嵌套使用,在不同的地方显示不同的颜色。
如下:
/* webkit, opera, IE9 */
div.highlightBlue::selection { background:lightblue; }
/* mozilla firefox */
div.highlightBlue::-moz-selection { background:lightblue; }</p> <p>/* webkit, opera, IE9 */
div.highlightPink::selection { background:pink; }
/* mozilla firefox */
div.highlightPink::-moz-selection { background:pink; }
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询