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


Tags: html,css

Problem :

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?



Solution :

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

div{
 cursor: pointer;
}

Demo


    CSS Howto..

    does anyone know how to do this css transition? [closed]

    How to create smooth headlines with HTML and CSS?

    How can I use CSS to make a div float over my text whilst remaining in the right spot?

    How to make a resizable menu centered on the middle?

    How to give padding bottom for overflow hidden div?

    How can I determine the background image URL of a div via JavaScript?

    how to show product info after image in bigger zoom levels

    How to convert html & css to an image?

    How to change decoration of a local HTML file to show it on the WebView in Android

    How to add php to wordpress form

    mkd2pdf, wkhtmltopdf, how to make PDF for slide

    How to make the logo drop a bit in the nav menu and other suggestions

    How to define a good convention for css?

    how to use input[type=range] CSS Pseudo-elements with firefox and IE

    How to position a div under a link on click?

    How to use CSS attribute selector for an SVG element with namespaced attribute href?

    CSS: how do I position my slideshow counter up into the slideshow

    How to control child div height of a flex item

    How do I create a full-width bar on a web page?

    How to apply CSS only if class exists elsewhere in code?

    How to Show the Related Content in another Div when an Image Clicked

    How to create a darker background on a whole page with one new div

    CSS bottom bar isn't correctly shown with chrome

    How float divs inside a td

    How does css left / position works with bootstrap header

    How to draw a line with css and show text or image on it

    How to change in all css “#xxx” to “#000” [closed]

    How to make CSS visible only for Opera

    How do I properly set width to a percentile and keep a min-width in pixels?

    How to hide element label by element id in CSS?