我有一个列表,并且有一个点击处理程序:
<ul>
<li>foo</li>
<li>goo</li>
</ul>
如何将鼠标指针更改为手指针(如悬停在按钮上)?现在,当我将鼠标悬停在列表项上时,指针变成了文本选择指针。
我有一个列表,并且有一个点击处理程序:
<ul>
<li>foo</li>
<li>goo</li>
</ul>
如何将鼠标指针更改为手指针(如悬停在按钮上)?现在,当我将鼠标悬停在列表项上时,指针变成了文本选择指针。
当前回答
只需输入此代码。
li{cursor: pointer;}
其他回答
您不需要jQuery,只需使用以下CSS内容:
li {cursor: pointer}
瞧!方便的
对于完整的跨浏览器,请使用:
cursor: pointer;
cursor: hand;
我认为在JavaScript可用时只显示手/指针光标是明智的。因此,人们不会觉得自己可以点击不可点击的东西。
为了实现这一点,您可以使用JavaScript库jQuery向元素添加CSS,如下所示
$("li").css({"cursor":"pointer"});
或者将其直接链接到单击处理程序。
或者当modernizer与<html class=“no js”>结合使用时,CSS将如下所示:
.js li { cursor: pointer; }
随着时间的推移,正如人们所提到的,您现在可以安全地使用:
li { cursor: pointer; }
使用HTML黑客
注意:不建议这样做,因为这被认为是不好的做法
将内容包装在包含href属性的锚定标记中,无需显式应用游标:指针;具有锚点财产副作用的属性(用CSS修改):
<a href=“#”style=“text-decoration:initial;color:inital;”><div>这是一种不好的做法,但它有效</分区></a>