仅当悬停在列表项目上时列出样式类型。 [英] List style type only when hovering over list item.

问题描述

如何制作列表式样式：square;只有当我悬停在其中一个列表项上时才会出现？

要清楚我想要list-style-type：none;除非我徘徊在其中一个列表项上。

解决方案

FIDDLE

HTML

 < ; UL> 
< li>项目< / li> 
< / ul> 
  

CSS

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

How can I make the list-style-type: square; only appear when I hover over one of the list items?

To be clear I want list-style-type: none; unless I'm hovering over one of the list items.

解决方案

FIDDLE

HTML

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

CSS

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

这篇关于仅当悬停在列表项目上时列出样式类型。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！