cursor: copy not working in Internet Expoler

121 views Asked by At

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>
3

There are 3 answers

1
Raptor On

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

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

0
Umamaheswaran On

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;
    }
0
Vivek Panday On

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.