Opcje rysowania pogrubione w programie Internet Explorer

Question

Dostaję problem ze stylizacją z opcjami. Potrzebuję niektórych opcji do wyświetlenia w pogrubionym stylu, ale Internet Explorer nie chce tego renderować.

mam ustawienie go za pomocą CSS:

font-weight: bold; 

Które nie działa. Przykładem mogą być widoczne na tej stronie:

Example

który pokazuje pogrubienie czcionki w Firefox, ale nie w programie Internet Explorer.

Próbowałem w programie Internet Explorer 7 i 8.

Czy ktoś ma alternatywy?

EDIT: Próbka:

HTML:

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

CSS:

.special { 
    font-weight: bold; 
} 

Answer 1

IE nie pozwala stylizacji <option> elementów niezależnie. Dzieje się tak, ponieważ program IE używa formantu formularza systemu Windows do renderowania pola wyboru, które nie obsługuje tej funkcji.

(na bok, jest to ten sam powód, dla którego pola wyboru IE mogą mieć problemy z warstwami po umieszczeniu ich za innymi obiektami, kontrola formularza jest renderowana przez system operacyjny Windows, a nie przez przeglądarkę, więc przeglądarka ma nad nim mniejszą kontrolę niż większość innych elementów na stronie). Jest to możliwe dzięki innym nowoczesnym przeglądarkom, które renderują własne pola wyboru, zamiast odraczać system operacyjny.

Answer 2

Trzeba zastosować font-weight:bold do akapitu tekstu, a nie zewnętrzna div lub coś innego.

Upewnij się również, że nic innego nie jest nadrzędne względem tej deklaracji. Jeśli powyższe nie działa, zmień go na font-weight:bold!important i sprawdź, czy to rozwiąże problem.

Answer 3

w IE, nie można ustawić opcji. Miałem ten sam problem ... możesz nadać mu kolor, ale niewiele więcej.

Możesz napisać wtyczkę jquery lub znaleźć istniejącą, aby "przekonwertować" swój wybór do listy stylów/listy rozwijanej.

zobacz także: Create a styled Dropdown like on jquery UI