Question

可能重复：
Make mouse pointer a hand when hover over <li> element?

基本上，我使用的是一个javascript库，通过单击表头来使表可以排序。我自己没有使用javascript的经验。唯一的问题是，点击表格并不是最直观的事情。因此，我想让它看起来像一个链接。我已经强调了它，但它仍然不是特别明显，因为当你将鼠标悬停在它上面时，鼠标不会改变它的外观。我想将鼠标图像更改为当您将鼠标悬停在链接上时获得的手。目前，我想看起来像链接的只是一个空白（没有href）。有没有办法轻松做到这一点，它会涉及到javascript，还有谁知道怎么做？

Answer 1

使用 javascript 确实可以解决这个问题，但你应该转向 CSS 的强大功能。

如果您实际想要在悬停更改光标上的元素确实是<a>，那么最好添加值为的属性href “＃”使浏览器自动处理光标更改。

<a href="#">I'm a real link, but pressing me won't lead to another webpage</a>

示例代码段（使用CSS）

<html>
  <head>

    <style>
      th:hover {
        cursor:pointer;
      }   
    </style>

  </head>
  <body>

    <table border="1">
      <tr> <th>Header 1</th> <!-- --> <th>Header 2</th> </tr>
      <tr> <td>value 1 </td> <!-- --> <td>value 2 </td> </tr>
    </table>

  </body>
</html>

^{的 jsFiddle Live Example}

Answer 2

使用CSS添加：

a {
      cursor: pointer;
}

您还可以考虑使用悬停效果。

考虑到这一点后，您必须错误地使用a标记。 href始终是必需的，不应该留空，因此请使用<a href="#">link</a>。这将解决您的问题。

制作<a> tag hover change mouse style</a>

2 个答案:

示例代码段（使用CSS）