hide caret (text cursor) on contenteditable div in internet explorer

Question

I have contenteditable div on which i have file drop and copy-paste image event. By using the color:transparent i am able to hide the blinking cursor on chrome browser. but in IE i came to know "The color of the text cursor in an input on IE is always the inverse of the background color". Source:How do I change the color of the text cursor in an input field in IE?

Is there any alternative way to disable a cursor or change the speed of blinking cursor so it looks like hidden in IE.

Have you tried `cursor: none` on the element? This would work across all browsers. — Matthew Spence, Sep 06 '16 at 09:13
The property "cursor: none " is for disappearing the mouse pointer cursor. I need to hide the blinking cursor which usually in textbox/textarea or contenteditable div. — AmolP, Sep 06 '16 at 11:57

score 9 · Answer 1 · edited Jan 04 '19 at 11:26

9

You can do it in CSS with:

caret-color: transparent

Doesn't work in IE though. Here is browser support chart.

edited Jan 04 '19 at 11:26

jcubic

61,973
54
229
402

answered Jul 19 '18 at 14:58

Lewis Donovan

889
8
19

2

True, but will still help others who end up here from a Google search – Lewis Donovan Oct 10 '18 at 11:29
2

This was helpful, didn't search for IE and this what came up (first in google). This is exactly what I was searching for. Thanks. – jcubic Jan 04 '19 at 11:23
Glad I could help. Thanks for the support chart as well. – Lewis Donovan Jan 07 '19 at 11:22
and I am looking for an IE solution specifically and your answer is just a noizzze. – Dominik May 16 '19 at 16:55

score 1 · Answer 2 · answered Jun 20 '19 at 09:04

1

You can do this for IE with this hack:

color: transparent;
text-shadow: 0 0 0 #333333;

You can replace the color (#333333) with whatever text color you need.

answered Jun 20 '19 at 09:04

user2173353

4,316
4
47
79

score 0 · Answer 3 · edited May 23 '17 at 12:08

0

Assuming you mean changing the caret cursor, otherwise known as the text cursor; there are solutions available, although support for IE is rather limited. Perhaps, if not already, you might find this of some use: Hide textfield blinking cursor

edited May 23 '17 at 12:08

Community

1
1

answered Sep 06 '16 at 23:32

Matthew Spence

986
2
9
27

hide caret (text cursor) on contenteditable div in internet explorer

3 Answers3