Home/ Questions/Q 8225009
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T15:16:08+00:00

Possible Duplicate: Make mouse pointer a hand when hover over <li> element? Basically, I

  • 0

Possible Duplicate:
Make mouse pointer a hand when hover over <li> element?

Basically, I am using a javascript library that makes tables sortable by clicking on the table head. I have had no experience with javascript myself.The only problem is, clicking on the table is not the most intuitive thing to do. Therefore, I want to make it look like a link. I have made it underlined, but it is still not particularly obvious because when you hover over it, the mouse does not change how it looks. I would like to change the mouse image to the hand that you get when you hover over a link. Currently, the ones which I want to look like links are just a blank (no href). Is there any way to easily do this, would it involve javascript, and does anyone know how?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The issue is indeed solvable by using javascript but instead you should turn to the power of CSS.

    If the element you are actually wanting to make on hover change cursor is indeed a <a> you are better off adding the attribute href with a value of "#" to make the browser handle the cursor change automatically.

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

    Example snippet (using 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

    • 0