Параметры стиля, выделенные жирным шрифтом в Internet Explorer

У меня проблема с опциями. Мне нужно, чтобы некоторые параметры отображались жирным шрифтом, но Internet Explorer не хочет их отображать.

Я устанавливаю это с помощью CSS:

font-weight: bold;

Который не работает. Пример можно увидеть на этой странице:

пример

который показывает жирные шрифты в Firefox, но не в Internet Explorer.

Я пробовал в Internet Explorer 7 и 8.

У кого-нибудь есть альтернатива?

РЕДАКТИРОВАТЬ: образец:

HTML:

<select>
    <option class="special">Special</option>
</select>

CSS:

.special {
    font-weight: bold;
}

3 ответа

Решение

IE не позволяет стилизацию <option> элементы самостоятельно. Это связано с тем, что IE использует элемент управления формы Windows для визуализации поля выбора, которое не поддерживает эту функцию.

(Кроме того, это та же самая причина, по которой у блоков выбора IE могут возникать проблемы с многоуровневым размещением, когда вы размещаете их позади других объектов; элемент управления формой обрабатывается ОС Windows, а не браузером, поэтому браузер имеет меньший контроль над это больше, чем большинство других элементов на странице)

Другие современные браузеры позволяют вам это делать, поскольку они отображают свои собственные блоки выбора, а не откладывают на ОС.

В IE вы не можете стилизовать опцию. У меня была такая же проблема... вы можете придать ей цвет, но не более того.

Вы можете написать плагин jquery или найти существующий, чтобы "преобразовать" ваш выбор в стилизованный список / выпадающий список.

См. Также: Создание стилизованного выпадающего меню, как в пользовательском интерфейсе jquery.

Вам необходимо применить font-weight:bold к абзацу текста, а не к внешнему div или чему-то еще.

Также убедитесь, что больше ничего не переопределяет эту декларацию. Если вышеупомянутое не работает, измените это на font-weight:bold!important и посмотрим, решит ли это проблему.

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