IE weird behavior on textarea and choose?

Question

Do I have strange IE behavior in css cursor property?

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

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

Everything that I work in Firefox and Google Chrome, only in IE - is the problem when the get over textarea option changes the style of changing the cursor to an invalid one? Please take a look at the fiddle here, but only in IE?

Working violin

http://jsfiddle.net/f6paL8sc/

Answer 1

This seems to be a bug related to IE. I made a decision, and it works * ( * IE needed a .cur file to work ); but first let's get DEMO first.

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

Download this PNG image and convert it to (.cur) using this online tool

CSS is used here.

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

In the HTML, I turned off textarea , which makes more sense here.

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

NOTE. I have no way to test IE, but it should work.