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

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

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

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

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

источник

2010-06-20 hoju

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

* { cursor:pointer!important; }

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

источник

2010-06-20 05:33:07 Sam152

Учитывая характер/формулировку вопроса, это может быть верным ответом ... но обычно я бы указал, что в большинстве случаев использование '! Important' - плохая идея, и вместо этого следует использовать CSS-специфику http://www.w3.org/TR/CSS2/cascade.html#specificity –

хорошая идея, но IE/Opera по-прежнему не хотят сотрудничать! – hoju

Учитывая, что редактор WYSIWYG использует , а - это собственный документ, ваш 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 не относится к внешнему документу.

источник

2010-06-20 05:50:52

yes Я применяю стиль в iframe. Вот почему мое решение работает в большинстве браузеров ... – hoju

Ahhh, хороший момент; Я пропустил ту часть, где она работает в большинстве браузеров. Виноват! :) –

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

ответ

Смежные вопросы