Question

cursor属性指定类型当光标显示时指向一个元素。

但是我发现在使用使用iframe的富文本编辑器时，某些浏览器下没有显示元素光标。 Firefox / Chrome / Safari / Konqueror工作，但IE / Opera没有。

在这种情况下，是否有办法在所有浏览器中可靠地设置光标？例如，一种设置光标的方法，与指向哪个元素无关。

编辑：光标样式设置在iframe中的元素上。除了IE / Opera似乎无法在iframe中正确检测到悬停事件外，这种方法有效。

Answer 1

也许这样的东西会在你的样式表中起作用：

* { cursor:pointer!important; }

我还怀疑你可能必须在文本编辑器框架的样式中应用这样的规则。您应该阅读编辑器的文档，以获取有关如何操作的说明。

Answer 2

鉴于WYSIWYG编辑器使用<iframe>而<iframe>是自己的文档，您的CSS不会适用于<iframe>的内容。

使用<iframe>时，生成的DOM结构看起来有点像......

<html>
    <head>
        <title>iframe example</title>
        <link type="text/css" rel="stylesheet" href="outer.css" />
    </head>
    <body>
        <div>
            The contents of the outer document!
            <iframe>
                <html>
                    <head>
                        <title>iframe example</title>
                        <link type="text/css" rel="stylesheet" href="inner.css" />
                    </head>
                    <body>
                        <div>
                            The Contents of the iFrame!
                        </div>
                    </body>
                </html>
            </iframe>
        </div>
    </body>
</html>

... outer.css中定义的规则不适用于<iframe>的内容，inner.css的内容不适用于外部文档。< / p>

强制网页光标

2 个答案: