Estilo border CSS en Select formulario

valdomir · #1 (**permalink**) 12/04/2012, 01:57

Hola a todos,

estoy teniendo un problema muy curioso con respecto a los estilos css sobre un campo de formulario select.

Tengo:

Código HTML:

<!DOCTYPE html>
<html lang="en">
<head>
	
</head>
<body>
	<form action="form_action.asp">
               <select style="border: 6px solid;" name="cars">
                  <option value="volvo">Volvo</option>
                   <option value="saab">Saab</option>
                   <option value="opel">Opel</option>
                   <option value="audi">Audi</option> 
                </select>
               <input type="submit" />
        </form>	
</body>
</html>

Cuando lo visualizo sobre la URL localhost (http://localhost/index), tanto en Firefox como en IE, el estilo del 'border' lo coje bien.

El problema es que, si entro sobre el nombre del servidor (http://pc33344/index), en IE ignora el estilo completamente y lo muestra 'por defecto'.

Estoy usando Explorer 9 y Firefox 10

Como dato extra, no tengo ningún problema en visualizar selects con estilos en ninguna web. Por ejemplo, si entro en el "test" de select en w3cschools http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select_multiple y edito el estilo del select, lo veo bien en explorer.

Alguna ayuda?

Gracias!!

joseoliveras · #2 (**permalink**) 12/04/2012, 15:38

Ahora mismo no puedo no puedo comprobarlo en Explorer. pero porque no pruebas a darle un color al estilo.

Por otro lado, no es conveniente asignar estilos en el mismo Html, mejor si usas una hoja de estilos o lo añades al head.