заставить курсор веб-страницы - PullRequest
Новая
       16

заставить курсор веб-страницы

2 голосов
/ 20 июня 2010

По данным w3schools

Свойство курсора указывает тип курсора, который будет отображаться при указывая на элемент.

Однако я обнаружил, что курсор элементов не отображается в определенных браузерах при работе с редактором форматированного текста, который использует iframe. Firefox / Chrome / Safari / Konqueror работают, а IE / Opera - нет.

Есть ли способ надежно установить курсор в этом случае во всех браузерах? Например, способ установить курсор независимо от того, на какой элемент указывает указатель.

Edit: стиль курсора устанавливается для элементов внутри iframe. Это работает за исключением того, что IE / Opera не может должным образом определять события зависания в пределах iframe.

Ответы [ 2 ]

1 голос
/ 20 июня 2010

Может быть, что-то подобное будет работать в вашей таблице стилей: 

* { cursor:pointer!important; }

Я также подозреваю, что вам может потребоваться применить подобное правило в стиле рамки текстового редактора.Вы должны прочитать документацию редактора для инструкций о том, как это сделать.

0 голосов
/ 20 июня 2010

Учитывая, что редактор 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 не относится к внешнему документу.

...