我想让一个指针光标指向某个元素,直到该元素具有焦点,然后转向典型的文本插入符号。在Chrome中足够容易,但是如果元素具有contenteditable属性,则IE11和Edge似乎不允许我更改光标。
#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仍然没有任何运气。How to change cursor style on element with 'contenteditable' attribute in IE?
我已经复制了该问题,这可能是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>