仅当悬停在列表项目上时列出样式类型

仅当悬停在列表项目上时列出样式类型

本文介绍了仅当悬停在列表项目上时列出样式类型。的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

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

解决方案



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;
}

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

08-31 03:16