所以我有这个列表,通过 CSS 添加了一些悬停效果。HTML:
<li><a href="#">Current Period</a>
<ul>
<li><a href="#">2012</a>
<li> a href="#">2011</a> //...you get the point
CSS:
#nav a:hover {
background-color: #fff;
color: #333;
}
当用户将鼠标悬停在当前时间段上时,会出现一个子元素列表(2012、2011 ......它们有自己的子元素)。我的问题是用户可以点击“当前期间”。我已经设法通过向锚添加一个类来删除点击,如下所示:
<li><a href="#" class="noclick">Current Period</a> ....
CSS:
.noclick {
pointer-events: none;
cursor: default;
}
但这当然会删除悬停功能。我想在使按钮不可点击的同时保持悬停效果(我在想javascript,但我想要一个更“直接”的解决方案)。我很感激任何帮助:)