[css] Cambiar el color y la apariencia de la flecha desplegable



Answers

No, la optimización de formularios entre navegadores es muy difícil, si no imposible, para todos los navegadores. Si realmente te importa la apariencia de esos widgets, debes usar una implementación de javascript.

vea http://www.456bereastreet.com/archive/200409/styling_form_controls/ y http://developer.yahoo.com/yui/examples/button/btn_example07.html

Question

Quiero cambiar la apariencia predeterminada de la flecha de una lista desplegable para que se vea igual en todos los navegadores. ¿Hay alguna manera de anular la apariencia predeterminada de la flecha desplegable mediante CSS o de otro modo?




Hemos utilizado YUI, Chosen, y actualmente estamos utilizando el complemento jQuery Select2: https://select2.github.io/

Es bastante robusto, la flecha es solo la punta del iceberg.

Tan pronto como las selecciones estilizadas se conviertan en un requisito, estoy de acuerdo con las demás, vaya con un complemento. No te mates reinventando la rueda.




No es fácil de hacer, tengo miedo. El problema es que Css no puede reemplazar la flecha en una selección, ya que el navegador la representa. Pero puede construir un nuevo control desde div y elementos de entrada y Javascript para realizar la misma función que la selección.

Intente buscar algunos de los complementos de autocompletar para Jquery, por ejemplo.

De lo contrario, hay alguna información sobre el elemento de selección aquí:

http://www.devarticles.com/c/a/Web-Style-Sheets/Taming-the-Select/




El elemento <select> es generado por la aplicación y el estilo no es parte de la especificación CSS / HTML.

Tendría que falsificarlo con su propio DIV y superponerlo sobre el existente, o construir su propio control emulando la misma funcionalidad.




Related