CODEWITHSUNDEEP
htmlcss
user3568783
user3568783

Reputation:

How can I stop my cursor changing to a vertical arrow over text?

I have a simple <div> that is part of a grid area made up of other <div>'s I allow the user to click and double click over the <div> area. A click changes a color of the <div> and a double click opens a modal window.

When the cursor hovers over text inside the <div> then it turns to a vertical bar.

How can I make it so that the cursor always shows as a pointing finger anywhere inside the <div>. Not sure if it makes a difference but I am looking for a solution for IE9 and above.

<div>
    <div>x</div>
    <div>y</div>
</div>

For example is there a way I could set the CSS on the outer Div so it makes all the inner DIVs have a pointer?

Upvotes: 1

Views: 1854

Answers (2)

T J
T J

Reputation: 43166

You can control the pointer using css cursor property, for example

div{
 cursor: pointer;
}

Demo

Upvotes: 5

Nik Barres
Nik Barres

Reputation: 543

If you render the text as an image that could work. Apple does this on their website.

Upvotes: -2

Related Questions