отправка ввода не получает: активное состояние в IE8, когда я нажимаю на текст кнопки

Question

В IE8, если я нажимаю точно на текстовое значение на кнопке отправки, он не получает свойства из input:active CSS-селектора.

Но если я нажимаю в другом месте на кнопке, он получаетих.

Почему?Как я могу решить это?

Answer 1

Вы можете добиться этого, применив input:focus к своему объявлению селектора input:active:

input:active,input:focus{background-color:#000}

применение :active и :focus вместе отлично подходит для пользовательского интерфейса / ux / и т.д ....много вещей.

Answer 2

Это действительно интересно, я никогда раньше этого не замечал.IE9 делает то же самое: нажимает на текст, и стили :active не применяются.Щелкните за пределами текста, и они.

В IE 6 и 7 возникла проблема, когда края кнопок были бы зазубренными, если на кнопке было много текста.Это можно исправить с помощью , применяя overflow: visible к кнопке .Это, похоже, не влияет на эту проблему.

Я также пытался применить zoom: 1, чтобы задать макет кнопки (хотя я думаю, что элементы управления формой уже имеют макет), но это также не имело никакого эффекта.

К сожалению, похоже, что для этой проблемы не существует обходного пути CSS.

Answer 3

Отлично, спасибо Альберту за упоминание селектора :focus.Я искал решение проблемы «кликабельности» уже пару часов, но не нашел нужной информации.

Моя проблема была похожа на проблему с OP, но для ссылки вместо кнопки ввода.

По сути, у меня есть многострочная ссылка / кнопка, и в IE было невозможно использовать только селектор :active для ссылки, чтобы изменить свойства кнопки, поскольку span внутри a не будет "светиться"через.

Теперь я использую a:active и a:focus на a вместе с onclick="this.blur();", и это работает как заклинание для моих целей.

Пожалуйста, посмотрите намое решение на jsFiddle: http://jsfiddle.net/pezzi/UzARF/

Answer 4

:active селектор _{редактировать} в IE _{/ редактировать} используется для выбора и стиля элемента активной ссылки (привязки), а не ввода.

Используйте Javascript, чтобы прикрепить событие фокуса к вашей кнопке.