Параметры стиля, выделенные жирным шрифтом в 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
и посмотрим, решит ли это проблему.