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。