我有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/
看来这是一个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浏览器,但它必须工作。