html - Html 悬停更改列表样式图像

Question

list-style-image:有可能改变htmlhover或active? 请举例。

Answer 1

您将使用 CSS 而不是 HTML 来实现这一点：

HTML

<ul>
    <li>abc</li>
    <li>def</li>
</ul>`

CSS

li {
    list-style-image: url('original.png');
}

li:hover {
    list-style-image: url('replacement.png');
}