当前位置：文江博客话题详情

强制网页光标

发布于 2024-09-06 04:06:44 字数 440 浏览 2 评论 0原文

根据 w3schools

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

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

在这种情况下，有没有办法在所有浏览器上可靠地设置光标？例如，一种独立于指向哪个元素来设置光标的方法。

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

北风几吹夏 2024-09-13 04:06:44

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

* { cursor:pointer!important; }

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

Maybe something like this would work in your stylesheet:

* { cursor:pointer!important; }

I also suspect you might have to apply a rule like this within the style of the text editor's frame. You should read the documentation of the editor for instructions on how to do it.

回复收藏 0 原文

妞丶爷亲个 2024-09-13 04:06:44

鉴于所见即所得编辑器使用并且是其自己的文档，因此您的 CSS 不会应用于。

当您使用时，生成的 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 中定义的规则不适用于的内容和 inner.css 的内容不适用于外部文档。

Given that the WYSIWYG editor uses an <iframe> and an <iframe> is its own document, your CSS won't doesn't apply to the contents of the <iframe>.

When you use an <iframe> the resulting DOM structure looks a little like this...

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

... and the rules defined in outer.css don't apply to the contents of the <iframe>, and the contents of inner.css don't apply to the outer document.

回复收藏 0 原文

~没有更多了~