2011-07-11 8 views
14

Tengo un problema de estilo con las opciones. Necesito algunas opciones para que aparezcan en negrita, pero Internet Explorer no quiere renderizarlo.Opciones de estilo en negrita en Internet Explorer

estoy estableciendo que el uso de CSS:

font-weight: bold; 

que no funciona. Un ejemplo se puede ver en esta página:

Example

que muestra negrita en Firefox pero no en Internet Explorer.

que he probado en Internet Explorer 7 y 8.

Alguien tiene una alternativa?

EDIT: Una muestra:

HTML:

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

CSS:

.special { 
    font-weight: bold; 
} 
+0

Tendremos que ver más de su código, si queremos identificar el problema. Por favor, envíe la parte más pequeña de su código que ** aún es válida ** y donde el error ** aún esté visible **. – jforberg

Respuesta

17

IE no permite un estilo de <option> elementos de forma independiente. Esto se debe a que IE utiliza un control de formulario de Windows para representar el cuadro de selección, que no admite esta característica.

(por un lado, esta es la misma razón por la que los cuadros de selección de IE pueden tener problemas con las capas cuando los pone detrás de otros objetos; el control de formulario está siendo procesado por el sistema operativo Windows, no por el navegador; tiene menos control sobre él que la mayoría de los otros elementos en la página)

Otros navegadores modernos sí le permiten hacerlo, ya que representan sus propios cuadros de selección en lugar de diferir al sistema operativo.

+1

Parece que [Chrome] (http://stackoverflow.com/q/11536763/684229) y también Opera ([\ [1 \]] (http: //www.456bereastreet. com/lab/styling-form-controls-revisited/select-single-option/# opera91-xp), [\ [2 \]] (http://my.opera.com/community/forums/topic.dml? id = 278101)) tiene el mismo problema? – TMS

+2

Esto aplica hasta IE 10. En IE 11, los elementos 'option' se pueden diseñar de forma independiente (por ejemplo, configurar para usar negrita). –

-5

Es necesario aplicar la font-weight:bold al párrafo de texto, no a un div exterior o algo más.

Además, asegúrese de que nada más esté anulando esta declaración. Si lo anterior no funciona, cámbielo a font-weight:bold!important y vea si eso soluciona el problema.

5

en IE, no se puede diseñar una opción. Tuve el mismo problema ... puedes darle color pero no mucho más.

Puede escribir un plugin de jquery o encontrar uno existente para "convertir" su selección en una lista/menú desplegable con estilo.

Véase también: Create a styled Dropdown like on jquery UI

+0

Gracias, pero no puedo usar jQuery – Marcelo

+0

ok - la respuesta corta entonces es que no puede agregar font-weight a una selección/opción en IE. Intenta agregar font-weight a otro elemento (como p o div) y verifica que funcione en IE. Y luego intente agregar color de fuente a su estilo para la opción y vea si eso funciona. La única solución es encontrar una herramienta javascript o jquery que creará una lista con estilo que "se parece" a un menú desplegable. De lo contrario, no funciona en IE. – Matt

+0

para obtener más información, puede leer este enlace: http://home.tiscali.nl/developerscorner/fdc-varia/styling-dropdown-boxes.htm – Matt