Crear botones con propiedades CSS3

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (2 votos, promedio: 1,50 de 5)
Cargando…

También te podría gustar...

Sobre este artículo

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (2 votos, promedio: 1,50 de 5)
Cargando…

Licencia: Contenido exclusivo de LaWebera.es. Prohibida su copia.

URL: LaWebera.es :: Diseño Paginas Web

Lleva trabajando como desarrollador web desde hace más de 10 años. Es un apasionado del código, habiendo tocado todos los palos, especialmente PHP, MySQL, JavaScript, incluyendo frameworks y librerías como jQuery, Symfony, CakePHP...

6 Respuestas

  1. Hola,

    Me parece un aporte estupendo, pero yo tengo otro problema.

    Y es que tengo un botón cuyo texto en muy largo, entonces en PC se ve bien, pero quisiera que en móvil el tamaño del botón se ajuste a la pantalla y que el texto no se corte.

    Es decir, ahora cuando veo la web en móvil, el botón del formulario de contacto “se sale de la pantalla” porque el texto es largo, y en lugar de hacer más alto el botón y ajustar el texto a su ancho, simplemente lo deja como está con lo que se sale de la pantalla y no se lee bien el texto.

    No sé si me he explicado y si me puedes echar un cable con eso.

    Gracias de antemano.

    • Hola David,

      Si si, te he entendido :)

      Seguramente sea por alguna propiedad CSS que esté impidiendo que el texto caiga a dos líneas.

      Si es un input, tiene propiedades por defecto que afectan a eso.

      Prueba a darle la propiedad white-space: normal; o word-break: normal;

      Son propiedades que suelen estar relacionadas.

      Saludos!

  2. Alicia

    Y si lo quiero en rosa? Debo cambiar todos los colores pero que escala de tonos debo utilizar?

  3. Xavieruami

    El ejemplo es excelente, sólo tengo una duda en cuanto a la semántica del sitio en el que se use el botón ¿esta sería afectada negativamente al no usar el tipo button?

  4. Eduardo

    Buen artículo

  5. alverhost.com

    Excelente y fácil de hacer :)

Deja un comentario

El email no se publica. Todos los campos obligatorios, salvo Web.

Centro de preferencias de privacidad

Cookies imprescindibles

Cookies que son necesarias para que el sitio funcione correctamente.

gdpr

Cookies de terceros

Se utilizan para rastrear la interacción del usuario y detectar posibles problemas. Nos ayudan a mejorar nuestros servicios al proporcionar datos analíticos sobre cómo los usuarios usan este sitio.

_ga, _gid, _gat