Puedo usar .botón() para crear hermosos botones de envío, pero el resto de los elementos en mi página, en particular la mayoría de los cuadros de selección son todavía en la regular, feo estilo css.

Hay una manera de apropiarse de los estilos de css de Jquery UI Button para mi los cuadros de selección?

InformationsquelleAutor John Zumbrum | 2012-06-26

2 Comentarios

  1. 6

    No totalmente. Seleccione el /los cuadros desplegables son generalmente el Sistema Operativo y el Navegador dependiente. Usted no puede controlar a un grano fino de nivel.

    Chrome /Webkit de los navegadores permiten a algunos el estilo. Ver a esta Pregunta: Cómo el estilo de un <seleccione> menú desplegable con CSS, sin JavaScript?

    Si usted es capaz de utilizar extra de marcado para rodear el select, a continuación, usted puede hacer algunas cosas.

    Ver: http://bavotasan.com/2011/style-select-box-using-only-css/

    De lo contrario, usted tiene que recurrir a la JS de soluciones como

    http://cssglobe.com/post/8802/custom-styling-of-the-select-elements

    y

    http://www.htmlgoodies.com/beyond/css/how-to-create-custom-select-menus-with-css.html

    • Muy raro que esto no es fácil de styleable…
  2. 5

    Usando jquery-ui 1.10.2, asumiendo que usted ya ha descargado e instalado un bonito tema de themeroller:

    <select id="myselect">
      <option> Option 1 </option>
      <option> Option 2 </option>
      <option> Option 3 </option>
      <option> Option 4 </option>
    </select>
    
    <script type="text/javascript">
      $("#myselect").menu();
    </script>

    Funciona en Chrome y Safari…

    • Eso es un enfoque muy interesante; salida desde comúnmente reconocido seleccione de la lista el estilo, pero tal vez podría trabajar.
    • Yo estaba luchando con esto por un tiempo y no podía encontrar una solución sencilla, y no estoy seguro de si este le da la completa stylability de un botón, pero definitivamente se ve MUCHO mejor con la interfaz de usuario de la oscuridad tema que estoy usando actualmente. Probablemente, usted puede obtener los resultados que usted está buscando para experimentar con jQuery-UI del menú() del widget

Dejar respuesta

Please enter your comment!
Please enter your name here