Стилизация границ выбора в IE изменяет кнопку со стрелкой

На нашем веб-сайте есть стили границ для полей выбора и ввода текста, чтобы они выглядели так, как в стиле Windows XP в Windows. Это в основном дает им тонкую синюю рамку, а не серую скошенную рамку в Windows Classic. Я не пытался изменить стиль маленькой кнопки со стрелкой вниз рядом с выбором. CSS выглядит примерно так:

border: 1px solid #7F9DB9;

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

Это отлично работает во всех браузерах, отличных от IE. И он отлично работает в IE 7. Он отлично работает даже в IE8 RC1 при условии, что используется классическая тема Windows. Однако в IE8 RC1, если вы используете тему Windows XP (синие извилистые заголовки окон), тогда IE8 RC1 продолжает использовать классическую серую кнопку Windows.

Вот как это отображается в IE7: http://img128.imageshack.us/img128/1993/goodboxlr2.png

Вот как это отображается в IE8 RC1: http://img3.imageshack.us/img3/8207/badboxvq8.png

Кто-нибудь знает, как заставить IE8 отображать его так, как это делает IE7?


person Jack Ryan    schedule 17.02.2009    source источник


Ответы (1)


Простой ответ, вы не можете.

Стилизация раскрывающихся списков, полос прокрутки и тому подобного почти всегда разочаровывает вас в некоторых/большинстве браузеров.

Я бы просто оставил это на усмотрение темы.

person Magnus Engdal    schedule 17.02.2009
comment
Согласовано. Стрелка раскрывающегося списка, полосы прокрутки, то, как выглядит «галочка» в флажке — все это выходит за рамки спецификации CSS. Лучше всего оставить их по умолчанию ОС, /какими бы они ни были/. - person Jon Cram; 17.02.2009