Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757
Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737 Форумы портала PHP.SU :: Не работает псевдокласс :active в opera и ie
По нажатию на кнопку в ff, хроме и сафари кнопка меняет цвет. Однако, в осле и в opera цвет не меняется, почему-то от потомка не передается клик к родителю. Как пофиксить? Не хочется писать js для этого.
Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011 Откуда: Москва
Помог: 221 раз(а)
Pavelbeginner пишет:
По нажатию на кнопку в ff, хроме и сафари кнопка меняет цвет
:focus
Pavelbeginner
Отправлено: 20 Марта, 2013 - 16:15:53
Частый посетитель
Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010
Помог: 1 раз(а)
armancho7777777 пишет:
Pavelbeginner пишет:
По нажатию на кнопку в ff, хроме и сафари кнопка меняет цвет
:focus
Лучше расскажите почему не работает и как сделать, чтобы работало.
А :focus не могу использовать по двум причинам:
1) для того, чтобы псевдокласс :focus работал, нужно, чтобы то, почему кликают, имело DOM свойство tabindex равное 0 или большему знаению. Таким по-умолчанию обладают только тег a и кнопки, формы и т.д. У меня же внешний блок(в примере это тег a) может быть и дивом. Поэтому :focus уже отпадает.
2) При отжатии кнопки мыши, :focus продолжит свое действие и кнопка останется синей до того, как перезагрузится страница(если эта кнопка-ссылка).
Покинул форум
Сообщений всего: 10732
Дата рег-ции: Нояб. 2010
Помог: 322 раз(а)
Pavelbeginner пишет:
почему-то от потомка не передается клик к родителю
передается
просто этот псевдокласс определен только для ссылок (Добавление)
Pavelbeginner пишет:
baclground:blue;
ошибка при копипасте? (Добавление)
background-color:
?
Pavelbeginner
Отправлено: 20 Марта, 2013 - 16:20:23
Частый посетитель
Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010
Помог: 1 раз(а)
LIME пишет:
просто этот псевдокласс определен только для ссылок
Не правда.
Цитата:
The :active pseudo-class applies while an element is being activated by the user. For example, between the times the user presses the mouse button and releases it.
Любой элемент.
Цитата:
Note. Also note that in CSS1, the ':active' pseudo-class only applied to links.
Такое было только в css1.
LIME
Отправлено: 20 Марта, 2013 - 16:25:07
Активный участник
Покинул форум
Сообщений всего: 10732
Дата рег-ции: Нояб. 2010
На форуме одном, кто-то со спеки привел цитаты. И :active работает во всех браузерах у любых элементов. Единственное, что не работает в описанной мною ситуацие.
IllusionMH
Отправлено: 20 Марта, 2013 - 17:37:07
Активный участник
Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011 Откуда: .kh.ua
Запятая лишняя стояла после .button:active и пример не работал. Но суть в другом. Во всех браузерах фон у родителя меняется и по нажатию на самого родителя и по нажатию на внутренний блок. Только в ie не работает. Плюс у меня на моем сайте и в opera не работает, а вот на этом сайте, где онлайн тестируешь в opera код с моего сайта работает! Может дело в doctype, у меня используется html5-ый доктайп. В общем хрень какая-то...
LIME
Отправлено: 21 Марта, 2013 - 10:10:06
Активный участник
Покинул форум
Сообщений всего: 10732
Дата рег-ции: Нояб. 2010
Помог: 322 раз(а)
Pavelbeginner пишет:
Запятая лишняя стояла после .button:active и пример не работал
это не мешает
Pavelbeginner
Отправлено: 21 Марта, 2013 - 10:12:58
Частый посетитель
Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010
Помог: 1 раз(а)
LIME пишет:
это не мешает
мешало, пример не работал, пока не убрал её (Добавление)
В opera я выяснил почему не срабатывает. У меня в стилях есть вот такое правило:
И не важно какие свойства прописаны внутри селектора :focus, главное, что когда такой селектор присутствует, то в opera перестает срабатывать мой пример. Хрень какая-то. (Добавление)
И ещё, подскажите, пожалуйста, касательно кнопок input type="submit". В opera и ie по нажатию на эту кнопку текст сдвигается вправо и вниз. За счет каких css свойств это делается? то есть мне нужно это знать, чтобы убрать этот сдвиг текста по нажатию с кнопок.
IllusionMH
Отправлено: 22 Марта, 2013 - 01:27:22
Активный участник
Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011 Откуда: .kh.ua
Помог: 242 раз(а)
Это нормальное поведения для того, чтобы показать что кнопка как-то взаимодействует.
Если оч сильно мешает - используются разные отступы(в 1px) для активного или неактивного состояния.
По поводу ИЕ - можно в условных камментах вставить простейший JS
Все гости форума могут просматривать этот раздел. Только зарегистрированные пользователи могут создавать новые темы в этом разделе. Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.