Style options in bold in Internet Explorer

Question

I'm having a problem with the settings. I need some options to appear in bold, but Internet Explorer doesn't want to display it.

I install it using CSS:

font-weight: bold; 

What does not work. An example can be seen on this page:

Example

which displays bold fonts in Firefox, but not in Internet Explorer.

I tried in Internet Explorer 7 and 8.

Does anyone have an alternative?

EDIT: Sample:

HTML:

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

CSS

 .special { font-weight: bold; } 

Answer 1

IE does not allow you to stylize <option> elements yourself. This is because IE uses the Windows form control to display a selection window that does not support this feature.

(as an aside, this is the same reason that IE selection blocks may have problems with layering when you put them in other objects, and the form control is displayed by the Windows operating system, and not the browser, so the browser has less control over it than most other elements on the page)

Other modern browsers allow you to do this, because they display their own selection fields, rather than delaying them on the OS.

Answer 2

in IE, you cannot customize the style. I had the same problem ... you can give her color, but not much more.

You can write a jquery plugin or find an existing one to "convert" your selection into a stylized list / drop down list.

Also see: Create a stylistic drop-down folder, for example, in the jquery user interface

Answer 3

You need to apply font-weight:bold to a paragraph of text, not an external div or anything else.

Also, make sure nothing else cancels this announcement. If the above does not work, change it to font-weight:bold!important and see if this fixes the problem.