Для моего приложения я хотел красиво оформить кнопки отправки. С обычным CSS мне удалось заставить его выглядеть хорошо в Firefox и ужасно в IE. Тогда я увидел эту запись в блоге:
http://www.sohtanaka.com/web-design/liquid-color-adjustable-css-buttons/
Используя эту технику, вы получаете великолепные кнопки практически во всех браузерах. Однако есть также несколько проблем с доступностью:
- Поскольку он использует ссылки вместо реального ввода HTML или элементы кнопки, нажатие кнопки не отправляет форму. Это легко решается с помощью Javascript, но было бы идеально, если бы кнопка отправки работала без включенного Javascript.
- Другая проблема заключается в том, что нажатие [ENTER] не отправляет форму. Грязный взлом состоит в том, чтобы включить невидимый элемент ввода типа «отправить» или «изображение».
По сути, то, что я хочу, это, возможно, невозможное: качество стилей, как видно из записи в блоге, но реализованное с использованием обычных элементов, так что я получаю нормальное поведение.
Мне действительно нужно выбирать между грязными взломами или плохим стилем?
Каждый учебник по стилю кнопок, который я видел до сих пор, имеет в IE недостаточно оптимальные результаты: (