Clever Geek Handbook

Cursor: Copy not working in Internet Expoler

I am using css cursor: copy on a given div. In the case of FF and Chrome browser, it works fine, but when I open it in IE (version 9+) it doesn't work. Please suggest Below is the 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


source to share


3 answers


Yes, cursor: copy

not supported until IE 10.



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

+2


source


after a lot of research and a workaround, finally i applied the workaround. By default I do contenteditable = false and at runtime on click I do it true.Which fill my requirement completely.



0


source


You can also use a workaround using the png cursor image and change your css as shown below

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


source






More articles:


All Articles