html li 标签选中变色

可以使用CSS中的:hover伪类来实现鼠标移动到li标签上时变色的效果。例如，以下代码会让li标签在鼠标悬停时背景色变为灰色：

<style>
  li:hover {
    background-color: gray;
  }
</style>

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ul>

相关问题

html li 标签点击后变色

可以使用CSS中的:active伪类来实现鼠标点击li标签时变色的效果。例如，以下代码会让li标签在鼠标点击时背景色变为灰色：

<style>
  li:active {
    background-color: gray;
  }
</style>

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ul>

注意，:active伪类只在鼠标按下时生效，鼠标松开后就会失效。如果想要保持选中状态，需要使用其他方法，比如JavaScript。

列表选中变色html

您可以使用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` 属性的值来改变选中时的背景色。