views:

42

answers:

2
+1  A: 

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.

Sam152
Given the nature/phrasing of the question this may be a valid answer... but normally I'd point out that under most circumstances using `!important` is a bad idea and instead one should use CSS specificity http://www.w3.org/TR/CSS2/cascade.html#specificity
LeguRi
good idea, but IE/Opera still don't want to cooperate!
Plumo
A: 

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.

LeguRi
yes I am applying the style within the iframe. That is why my solution works in most browsers...
Plumo
Ahhh, good point; I missed the part where it works in most browsers. My bad! :)
LeguRi