Стилизация кнопки отправки в Internet Explorer - PullRequest
Новая
       36

Стилизация кнопки отправки в Internet Explorer

1 голос
/ 04 декабря 2008

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

Дело в том, что они изменили внешний вид кнопок, чтобы они соответствовали стилю страницы. Так что теперь у меня есть два изображения - кнопка вверх и кнопка вниз. В Opera и FF я просто говорю в css что-то вроде этого: 

input[type="submit"]
{
    background-image: url(btn_up.png);
}
input[type="submit"]:active
{
    background-image: url(btn_down.png);
}

И это работает как шарм. IE, к сожалению, не понимает часть :active. Как и большинство веб-приложений, основная аудитория IE - это целевая аудитория, поэтому очень важно, чтобы она хорошо выглядела как минимум .

В настоящее время я сделал громоздкий обходной путь, используя JavaScript только для IE, но мне интересно - нет ли более элегантного способа сделать это? Поиск Google и SO не помог.

Ответы [ 2 ]

1 голос
/ 04 декабря 2008

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

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

Приветствия

0 голосов
/ 20 апреля 2011

http://www.quirksmode.org/css/contents.html#t16

"IE 7 поддерживает: hover, но не: active, для всех элементов."

...