Tal vez me falta algo, pero después de leer los documentos de jQuery UI, no veo nada sobre la aplicación de estilos de tema a los widgets normales, como las etiquetas de entrada y selección. Después de llamar al button()
en los botones y al datepicker()
en las etiquetas de entrada que seleccionarán las fechas, se supone que debo ajustar las entradas y las áreas de texto normales en un <div class="ui-widget">
para obtener un estilo uniforme o darles una cierta clase de CSS o llamar a una función en la carga de documentos que estiliza todo lo demás?¿Cómo aplico estilos de jQuery UI a elementos de formulario normales, como entrada y etiquetas de selección?
Respuesta
Los temas de la interfaz de usuario de jQuery funcionan igual que cualquier otro documento de CSS que usaría. Si hay un conjunto de estilos que busca en un elemento en particular, a menudo todo lo que necesita hacer es agregar las clases que definen los estilos que desea para el elemento en cuestión.
La parte difícil es que, dependiendo del navegador, muchos elementos de la forma tienen diferentes grados de stylability. En particular, Internet Explorer utiliza controles de formulario del sistema operativo nativos, que obtienen su estilo predeterminado de la configuración del tema del sistema operativo, mientras que otros navegadores como Chrome y Firefox usan su propio conjunto de controles de formulario y tienen un estilo predeterminado establecido por sí mismos.
En muchos casos, lo que hacen los widgets de jQuery UI es ocultar los elementos de formulario predeterminados y luego reemplazarlos con elementos más estiloables, como una estructura de <div>
s, que se puede diseñar para imitar elementos de formulario reales. Estas estructuras falsas también tienen controladores de eventos de javascript unidos para capturar la entrada y la vuelven a asignar a los elementos de formulario reales, así como también la renderizan dentro de ellos mismos.
Por lo tanto, en pocas palabras, la aplicación de estilos de interfaz de usuario de jQuery para formar elementos a veces puede ser tan simple como aplicar las clases de tema o, a veces, ser tan doloroso como tener que imitar los elementos del formulario real. Todo depende de los buscadores de destino y los estilos que desee aplicar.
Algunos ejemplos que usan Jquery.
$("input:text").addClass("ui-corner-all");
$("#Submit").button();
- 1. ¿Cómo aplico jquery-ui a una vista de Backbone.js?
- 2. ¿Cómo aplico estilos CSS a los objetos Raphael.js usando jQuery?
- 3. ¿Cómo puedo dejar de jQuery mobile para aplicar estilos a mis elementos de formulario específicos
- 4. jQuery Elementos de entrada arrastrables
- 5. jQuery UI múltiples de selección de arrastre
- 6. Etiquetas para el campo de formulario de selección de Django
- 7. deslizador de formulario jquery (barra de entrada)
- 8. conservar clases de elementos jquery-ui después de jquery .load()
- 9. Elementos de entrada de formulario que no se centran
- 10. Alinear las etiquetas en el formulario junto a la entrada
- 11. JQuery Autocompletar: ¿Enviar formulario en la selección?
- 12. Obtener valores de atributos como matriz a partir de la selección de elementos con jQuery
- 13. Cómo resaltar palabras de entrada en autocompletar jquery ui
- 14. Evento de cambio de autocompletar JQuery UI - restablecimiento de la ID de selección
- 15. Validación de rieles y 'fieldWithErrors' envolver etiquetas de selección
- 16. Jquery: evitar el cambio de una entrada de selección
- 17. Aplicación de estilos WPF a elementos secundarios
- 18. Copia de formulario a formulario en jQuery
- 19. 'actualizar' jquery UI menú de selección después de la actualización
- 20. Cómo usar jQuery UI Datepicker como un widget de Django?
- 21. jQuery Datatables agregando elementos de formulario personalizados
- 22. cómo encontrar los elementos seleccionados con Jquery UI seleccionable
- 23. jQuery obtener ESTE formulario de entrada
- 24. jquery ui datepicker día/mes solamente, no año de selección
- 25. Cómo abrir la entrada de selección usando jquery
- 26. ¿Cómo aplico programáticamente un filtro de entrada Drupal?
- 27. La mejor manera de encontrar todos los elementos de entrada dentro de un formulario usando jQuery
- 28. Combinación de entrada y selección en un campo de entrada visible
- 29. Cualquier editor de etiquetas de código abierto, como SO?
- 30. jquery para deshabilitar elementos de formulario