Hola a todos!
pues eso.... estoy intentando personalizar un desplegable lista/menu o select o como lo queráis llamar pero no consigo eliminar el icono de las flechitas que ponen por defecto los exploradores,
aquí dejo una imagen que he hecho para explicar con claridad mi problema:
me gustaria saber como puedo aplicar estilos css a ese botón que se queda encima para poder sustituir esa imagen por defecto por mi icono.
Gracias de antemano!
dejo el codigo css que tengo aplicado a la lista/menu por si acaso:
.listamenu{
height: 30px;
font-family: Verdana, Geneva, sans-serif;
font-size: 12pt;
font-style: normal;
font-weight: bold;
color: #333;
text-decoration: none;
border:none;
border-bottom:0px solid #000;
margin-left:20px;
background: #FFF url(../fotos/iconolistamenu.png) no-repeat scroll right 2px;
background-color: #FFF;
background-image: url(../fotos/iconolistamenu.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: right 2px;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
}