在textarea上的IE奇怪行为并选择？ [英] IE strange behavior on textarea and select?

问题描述

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

I have strange IE behavior on cursor property css?

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

Here is the code, this is just simple inline style to show what is the problem?

<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？

All i working OK in Firefox and Google Chrome, only in IE is the problem, when option get over textarea cursor change style to not allowed? Please take a look at fiddle here but only in IE?

工作小提琴

http://jsfiddle.net/f6paL8sc/

http://jsfiddle.net/f6paL8sc/

推荐答案

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

It seems this is a IE related Bug. I've made a solution and it works *(*IE required a .cur file to work ); but lets check the DEMO first.

在这个例子中，我使用 disabled 属性来禁用 textarea 因为你正在使用 cursor：not-allowed ，该字段的印象是已禁用。

In this example I used disabled attribute to disabled the textarea because you are using cursor:not-allowed which gives a impresson of that field is disabled.

下载此PNG图像并使用此在线工具将其转换为（.cur）

Download this PNG image and convert it into (.cur) using this Online tool

这是使用的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 这在这里更有意义。

In HTML code I disabled the textarea which makes more sense here.

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

注意：我没有机会在IE上测试但是它必须工作。

NOTE: I haven't got chance to test on IE but it must work.

这篇关于在textarea上的IE奇怪行为并选择？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！