Estilo `<select>` en Internet Explorer

¿Alguna manera de personalizar el borde y el fondo de un HTML <select> en IE? Puedo diseñar el borde con CSS simple en Firefox, pero aparentemente no en IE.Estilo `<select>` en Internet Explorer

Fuente

2009-03-14 Tony the Pony

IE es más probable en el modo peculiar. Las versiones anteriores de IE no dibujaron el elemento select ellos mismos y por lo tanto no se pudo diseñar correctamente (así como algunos caprichos de orden z), por lo que en IE < 8 simplemente no puede hacerlo, a menos que vuelva a implementar algo así como select en JS. Eche un vistazo a las herramientas de desarrollador (F12) para ver en qué navegador y modo de documento se encuentra IE; si dice "Internet Explorer 8" para el modo de navegador y no "el modo no estándar" para el modo documento, debería estar bien :)

El siguiente fragmento funciona bien aquí (IE8β2):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
      "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
    <head> 
     <style type="text/css"> 
      select { 
       border: 1px solid red; 
      } 
     </style> 
    </head> 
    <body> 
     <form> 
      <select> 
       <option>1</option> 
       <option>2</option> 
      </select> 
     </form> 
    </body> 
</html>

Fuente

2009-03-14 20:42:31 Joey

correcto, pero las versiones anteriores de IE tenían problemas con el borde. – scunliffe

Claro, pero está etiquetado como "ie8", así que supuse que estaba hablando de IE8. Y sí, lo he dejado bastante implícito de que las versiones anteriores no van a tener un estilo de borde; Cambiaré eso. – Joey

-3

Incluya estas etiquetas en su código:

<head> 
    <meta http-equiv="X-UA-Compatible" content="IE=9" /> 
</head>

Esto resolverá los problemas relacionados con Internet Explorer.

Fuente

2012-06-12 21:57:05

¿Has leído la pregunta o la respuesta aceptada, que se publicó hace más de * tres años *? -1 –

Además, no puede incluir un nuevo en el lugar que desee. Puede que no pienses en eso cuando escribiste la respuesta, pero así es como se lee. Además, solo configura el modo IE en IE 9, que de ninguna manera es a prueba de futuro. Especialmente ahora que IE 10 está fuera. IE = edge es más apropiado. Además, es importante comprender el comportamiento de los navegadores anteriores, no solo ignorarlos, forzando la nueva versión. – Tokimon

Estilo `<select>` en Internet Explorer

Respuesta

Cuestiones relacionadas