Стиль кнопки отправки в Internet Explorer

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

Дело в том, что они изменили внешний вид кнопок, чтобы они соответствовали стилю страницы. Итак, теперь у меня есть два изображения - кнопка вверх и кнопка вниз. В 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, но мне интересно - нет ли более элегантного способа сделать это? Гугл и поиск ТАК не помогли.

Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
1
0
1 885
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

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

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

Ваше здоровье

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

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

Другие вопросы по теме