在文本区域,选择IE奇怪的行为?(IE strange behavior on textarea a

2019-10-20 17:00发布

我有cursor属性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和谷歌浏览器工作正常,只能在IE中的问题,要不准选项克服textarea的光标改变风格的时候? 请看看小提琴在这里,但只能在IE?

工作拨弄

http://jsfiddle.net/f6paL8sc/

Answer 1:

看来这是一个IE相关的bug。 我做了一个解决方案,它的工作原理*(* IE需要的.cur文件工作 ); 但让检查DEMO第一。

在这个例子中,我使用disabled属性禁用textarea ,因为你使用的cursor:not-allowed这给该领域的impresson被disabled

下载此PNG图片,并使用此将其转换成(.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浏览器,但它必须工作。



文章来源: IE strange behavior on textarea and select?