cursor: copy not working in Internet Expoler

Question

cursor: copy not working in Internet Expoler

86 views Asked by Vivek Panday At 10 June 2015 at 06:29

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 answers

**Raptor** · Answer 1 · 2015-06-10 06:54:29

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** · Answer 2 · 2015-06-10 09:18:06

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** · Answer 3 · 2015-06-11 13:20:26

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.

TechQA.

cursor: copy not working in Internet Expoler

There are 3 answers

Related Questions in HTML

Related Questions in CSS

Related Questions in INTERNET-EXPLORER

Popular Questions

Popular Tags

Trending Questions