cursor: copy not working in Internet Expoler

115 Views Asked by Vivek Panday At 19 October 2024 at 16:44

I am applying css cursor:copy for a given div. In case of FF and Chrome browser it's working fine, but when I am opening it in IE(version 9+) its not working . Please suggest Below is code -

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>

<style>
    .editable{
        color: #428bca;
        cursor: copy;
    }

</style>

</head>
<body>

<div class="editable" contenteditable="true">
This is my editable div

</div>


</body>
</html>

Original Q&A

There are 3 best solutions below

Raptor On 10 June 2015 at 06:54

Yes, cursor: copy is not supported until IE 10.

Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/cursor

Umamaheswaran On 10 June 2015 at 09:18

You can also use an workaround using a cursor png image and change your css like below

.editable{
        color: #428bca;
        cursor: url(cursor.png), auto;
    }

Vivek Panday On 11 June 2015 at 13:20

well after lots of research and workaround finally I have implemented a workaround.By default I make contenteditable = false and at run time on click I am making it true.Which full fill my requirement.

cursor: copy not working in Internet Expoler

There are 3 best solutions below

Related Questions in HTML

Related Questions in CSS

Related Questions in INTERNET-EXPLORER

Trending Questions

Popular # Hahtags

Popular Questions