html - 仅当鼠标悬停在列表项上时才显示列表样式类型。

Question

如何制作列表样式类型:正方形；只在我将鼠标悬停在其中一个列表项上时出现？

明确一点，我想要 list-style-type: none;除非我将鼠标悬停在其中一个列表项上。

Answer 1

FIDDLE

HTML

<ul>
    <li>Item</li>
</ul>

CSS

li{
    list-style-type:none;
}
li:hover{
    list-style-type:square;
}