jQuery Mobile #4 – Botones

post anterior jQuery Mobile #3 Mostrar ventana de dialogo

Lo botones de jQuery Mobile son muy sencillos. Para incluir uno lo podemos hacer de una de las siguientes maneras:

  • mediante un enlace:  <a href=”#” class=”ui-btn”>boton link</a>
  • mediante el tag button: <button class=”ui-btn”>boton button</button>
  • mediante el tag input: <input type=”button” value=”boton input”>

jqm4-1

Vemos que los dos primero botones no tienen ni los bordes redondeados ni sombra paralela, solo el boton generado a traves de un input button. Para incluir los bordes redondeados y la sombra simplemente tendremos que incluir las clases “ui-corner-all” y “ui-shadow”

<a href="#" class="ui-btn ui-corner-all ui-shadow">boton link</a>
<button class="ui-btn ui-corner-all ui-shadow">boton button</button>
<input type="button" value="boton input">

jqm4-2

ver codigo

jQuery Mobile #4 – Botones

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s