IE переопределяет курсор при использовании contenteditable - PullRequest
Новая
       37

IE переопределяет курсор при использовании contenteditable

0 голосов
/ 13 февраля 2020

Я хочу, чтобы курсор был наведен на элемент, пока этот элемент не сфокусировался, а затем обратился к обычной текстовой каретке. Довольно просто в Chrome, но IE11 и Edge не позволяют мне менять курсор, если элемент имеет атрибут contenteditable. 

#thing{cursor:pointer;}

<div id="thing" contenteditable="true"style="width:200px;border:1px solid black;cursor:pointer;"> this is a some random foo bar dog jumps over a stick test</div>

Простой пример показывает, что курсор изменяется только в том случае, если contentedible имеет значение false , Если true, он делает только текстовый курсор. Скорее раздражает, так как MS - тот, кто предположительно создал этот атрибут. Это просто ошибка? Предназначен для дизайна? Есть ли обходной путь?

Я сталкивался с этой ссылкой, но, к сожалению, мне все еще не повезло с изменением DTD. Как изменить стиль курсора для элемента с атрибутом 'contenteditable' в IE?

1 Ответ

0 голосов
/ 14 февраля 2020

Я воспроизвел проблему на моей стороне, это может быть поведение по умолчанию браузера IE, я сообщу об этой проблеме.

В качестве обходного пути, я предлагаю вам попробовать использовать <textarea> тег, используя этот тег, в браузере IE он может использовать курсор-указатель, код как показано ниже: 

<textarea  id="thing" contenteditable="true" style="width:200px; height:100px; border :1px solid black; cursor:pointer">

    this is a some random foo bar jumps over a stick test

</textarea>
...