Q:

How to Change the Cursor into a Hand Pointer on Hover using CSS

mhmadesk
Save to bookmark
|
2022-05-17
|
  292 
Very Easy
0

How to Change the Cursor into a Hand Pointer on Hover using CSS

Css programming,
login and add your own answer to this question

All Answers

mhmadesk
2022-05-17
need an explanation for this answer? contact us directly to get an explanation for this answer

Use the CSS cursor Property

You can simply use the CSS cursor property with the value pointer to change the cursor into a hand pointer while hover over any element and not just hyperlink.

In the following example when you place the cursor over the list item, it will change into a hand pointer instead of the default text selection cursor.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Make the Cursor a Hand Pointer using CSS</title>
    <style>
        li{
            cursor: pointer;
			margin: 15px 0;
        }
    </style>
</head>
<body>
    <ul>
        <li>List item one</li>
        <li>List item two</li>
        <li>List item three</li>
    </ul>
</body>
</html>

need an explanation for this answer? contact us directly to get an explanation for this answer

total answers (1)

HTML / CSS Frequently Asked Questions
This question belongs to these collections

Similar questions

need a help?

find thousands of online teachers now
How to Make a DIV Not Larger than its Contents usi... >>
<< How to Create a Vertical Line in HTML...