在textarea上的IE奇怪行为并选择？

Question

我在游标属性css上有奇怪的IE行为？

这是代码，这只是简单的内联样式来显示问题是什么？

<div style="width:100%;">
<select>
<option value="">Select</option>
<option>John</option>
<option>John</option>
<option>John</option>
<option>John</option>
<option>John</option>
<option>John</option>
</select>
</div>
<textarea style="cursor:not-allowed;"></textarea>

我在Firefox和谷歌Chrome中工作正常，只在IE中出现问题，当选项越过textarea光标更改样式时不允许？请看看这里的小提琴，但仅限于IE？

工作小提琴

http://jsfiddle.net/f6paL8sc/

Answer 1

这似乎是IE相关的Bug。我已经制定了一个解决方案，它可以正常工作*（ * IE需要.cur文件才能工作 ）;但请先检查 DEMO 。

在此示例中，我使用了disabled属性来禁用textarea，因为您使用的是cursor:not-allowed，该字段的印象是disabled。

下载此PNG图片并使用此Online tool

将其转换为（.cur）

这是使用的CSS。

textarea[disabled]
{
 display:block;
  cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-cute/cute25.gif'), url('cute25.cur'), wait;
  background:gold;
}

在HTML代码中，我禁用了textarea，这在这里更有意义。

<textarea disabled>This TextArea is disabled</textarea>

  

注意：我没有机会在IE上进行测试，但必须有效。