Question

我有一个<div>，其光标设置为

.TextBox:hover{
    cursor : move;
}

HTML

<div tabindex="5" id="5" class="TextBox" style="display: block; font-size: 74.5833%;padding: 8px;">
        <div class="contentWrapper" style="border: 1px dotted rgb(147, 147, 147); cursor: text;">   
            <div class="contentEditor ElementToTransform" tabindex="1">     
                <div contenteditable="true" id="" class="contentEditorDiv"></div>
            </div>
        </div>
</div>

在包括IE 11在内的所有浏览器中，它工作正常，但仅在IE 10中显示正常指针。

有人可以帮忙吗？我不能在Fiddle上重现这个问题，div是更大的Web应用程序的一部分，并且在IE 10上引起了一些问题。我尝试了答案中提到的所有内容但到目前为止没有任何工作。

Answer 1

我不确定它在IE 10中是否可行，因为我没有它。

在IE 9中测试过，它就像魅力一样！

试试这个小提琴

<强> http://jsfiddle.net/xz5kyggr/5/

<div tabindex="5" id="5" class="TextBox" onmouseover="this.style.cursor='move'" > 
Link  to wait
</div>

Answer 2

尝试此代码我希望它能解决您的问题，如果它不起作用请提供HTML

.TextBox *:hover{
    cursor : wait !important;
}

Answer 3

光标：进展;在chrome中为我做同样的光标。你可以尝试一下。

Answer 4

Atlast我发现了这个问题。对于

.TextBox

我已经设置了

background-color : transparent !important;

将其更改为

background-color:rgba(255, 255, 255,0) !important;

解决了这个问题。如果我们直接使用transparent，看起来IE 10会出现鼠标指针问题。

在IE 10中，光标在悬停时不会改变

4 个答案: