怎么让鼠标悬停到a标签上后变成手形 _HTML/CSS

如何让鼠标悬停到a标签上后变成手形？
a标签代码如下：

HTML code


<li><a id="display1" onClick="display1()">按图标显示</a></li>
<li><a id="display2" onClick="display2()">按详细列表显示</a></li>

我在CSS里规定了

CSS code


a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    color: #515151;
}
a:active {
    text-decoration: none;
}

但不知为什么对这两个a标签不起效果

------解决方案--------------------
a {
cursor:pointer;
}

或者 <a href="#" ....>
------解决方案--------------------
加上href属性
------解决方案--------------------

探讨

a {
cursor:pointer;
}

或者 <a href="#" ....>

------解决方案--------------------
a {
cursor:pointer;
}