关于CSS hover的问题

[待解决问题]

今天在练习做淘宝首页面的时候发现，淘宝首页面右上角的收藏星星图标,鼠标放上颜色从灰色变为橙色。看了代码不是用两张图片作为背景图片来替换的而是直接在hover上面设置了颜色,请问大家这是怎么做到的呀?

css html/css基础 css3

nannannanjack | 菜鸟二级 | 园豆：202
提问于：2016-11-30 15:30

< >

所有回答(5)

在css里面直接设置，鼠标悬停时样式改变 e.g a:hover{background-color:#f6eba9}

代码飞了 | 园豆：470 (菜鸟二级) | 2016-11-30 15:49

那个星星不是图片，是字符，所以可以用 color 设置颜色：a:hover {color: #f40;}

by.Genesis | 园豆：2824 (老鸟四级) | 2016-11-30 16:07

hover前后的css样式基本不变，只需要改变背景色即可。

洛洛默 | 园豆：206 (菜鸟二级) | 2016-11-30 16:10

可能是字体图标

张云山 | 园豆：642 (小虾三级) | 2016-12-01 09:14

字体图标，可以改变背景色。:hover{background:gray;}

_果果 | 园豆：191 (初学一级) | 2017-01-04 17:05

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。