Цвета границ кнопок в браузерах не IE6

Question

Я обновляю веб-сайт эпохи IE6, чтобы косметические различия в современных (IE8, Firefox 4 в этом сценарии) браузерах устранялись или, по крайней мере, сокращались.

Мы столкнулись с проблемой с кнопками, стилизованными с использованием background-color: #EFEFEF; и border: 1px. В IE6 эта настройка border аккуратно уменьшает границы кнопок.

Однако в IE8 и Firefox 4 установка стиля CSS border: 1px полностью удаляет границу.

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

Какой подход я должен использовать вместо этого? Это большой унаследованный веб-сайт, содержащий много кнопок, поэтому я ищу решение только для CSS, если оно существует. Заставить IE8 перейти в режим совместимости также не вариант.

Answer 1

Попробуйте установить border-style: outset;. Или используйте сокращенную версию с другими стилями, которые вы уже используете:

.mybutton {
    border: outset #EFEFEF 1px;
}