[SOLUCIONADO] Personalizar lista menu

[tonieet]

hola a todos!
tengo un buscador que incluye listas menu, me gustaría personalizar los botones y todo en general, alguien me puede explicar a groso modo o pasarme algún tutorial?

gracias!

[Zeromm]

pues... esque se personalizan igual que cualquier otro elemento.

Si es un "button" simplemente tienes que poner en el css: button{estilos}...
Si es un input de tipo submit: input[type=submit]{estilos}....

[tonieet]

hola! gracias por responder, he probado lo de button y no me funciona,

a ver.. me explico bien.. tengo un buscador que se compone de un campo de texto y 4 menús despleglables para hacer un filtrado, he conseguido cambiar un poco el aspecto en css con esto:

input,select{
font-family: Verdana;
font-size: 10pt;
font-style: normal;
color: #FFF;
text-decoration: none;
background-color: #C0C;
border: 1 solid #336699
}


Peero! el problema que tengo es que esos parametros me afecta a todo el formulario, incluido el campo de texto que quiero que me salga el fondo blanco..

y tampoco se como cambiar el menu desplegable, se cambia el color de la caja pero al pulsar y desplegar el menú, este no ha tenido ningun cambio.

alguien me ayuda? please!

[tonieet]

hola!

a ve si me alguien me puede echar un cable
Tengo un buscador que se compone de un campo de texto y tres listas menu para hacer un filtrado, me gustaría personalizarlo un poco pero no se como, he cambiado el aspecto desde CSS con este código:

input,select{
font-family: Verdana;
font-size: 10pt;
font-style: normal;
color: #FFF;
text-decoration: none;
background-color: #C0C;
border: 1 solid #336699
}


El problema es que me aplica esos parametros a todo el formulario del buscador, osea que me pone el color de la caja de la lista menú en el recuadro para escribir el texto, y el mismo color para los botones, TODO IGUAL.

me gustaría que el campo reservado para el texto sea blanco y las lista menú de un color distinto.

tampoco me aplica los cambios a las opciones que salen al pulsar el menú desplegable.

alguien me ayuda?

[fede5426]

Eso es porque con la coma estas indicando que aplique los estilos a todos los input y a todos los select.

Sacale el "input".. que sea solo "select{estilos}" así debería funcionar.

Otra opción es asignarle a todos los select una clase, y aplicar los estilos a esa clase.

Saludos!

Edito:

http://codepen.io/anon/pen/vEzYeL

Ahí están las 2 formas que te mencione.

[tonieet]

hola fede! gracias por responder! me ha ayudado bastante lo que me has dicho jeje ya tengo los colores que quería

una preguntita mas, por que los cambios no se aplican cuando despliego el menú? al pulsar, las opciones que me aparecen no tienen ningún cambio, como lo puedo solucionar?
gracias

[fede5426]

Raro :/

En mi ejemplo se aplica a la lista completa..



Proba asignandole estilos a los option del select, pero te digo que es raro no deberia ser necesario..

select option{estilos}

[tonieet]

Iniciado por fede5426

Raro :/

En mi ejemplo se aplica a la lista completa..



Proba asignandole estilos a los option del select, pero te digo que es raro no deberia ser necesario..

select option{estilos}

Hola Fede! muchas gracias por tu ayuda! con select option lo he solucionado jeje

Lo que no entiendo por que cuando lo miro con mi mac, no salen los cambios... solo aparecen en los pc...

pero bueno! ya esta! gracias