列表选中变色html
时间: 2023-07-01 22:24:22 浏览: 130
微信小程序实现默认第一个选中变色效果
您可以使用CSS来实现列表选中变色的效果。具体的实现方式如下:
HTML代码:
```
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
```
CSS代码:
```
li:hover {
background-color: #f5f5f5;
}
li:active {
background-color: #ddd;
}
```
其中,`:hover` 表示当鼠标悬停在列表项上时应用的样式,`:active` 表示当列表项被点击时应用的样式。您可以根据需要修改 `background-color` 属性的值来改变选中时的背景色。
阅读全文