Quiero hacer que la segunda flecha de la caja de selección sea igual a la primera. Pero no tengo ni idea de por qué son diferentes, porque yo no estilo de la flecha.
Los navegadores y los sistemas operativos determinan el estilo de los cuadros de selección en la mayoría de los casos, y es prácticamente imposible modificarlos sólo con CSS. Tendrá que buscar métodos de sustitución. El truco principal es aplicar appearance: none
, que te permite anular parte del estilo.
Mi método favorito es éste:
http://cssdeck.com/item/265/styling-select-box-with-css3
No reemplaza el elemento de interfaz de usuario del menú de selección del sistema operativo, por lo que todos los problemas relacionados con ello son inexistentes (el principal es no poder salir de la ventana del navegador con una lista larga).
Buena suerte :)
puedes usar jQuery selectbox replacement. Es un plugin de jQuery.
http://cssglobe.com/post/8802/custom-styling-of-the-select-elements
El ** Pure-css** http://bavotasan.com/2011/style-select-box-using-only-css/