Pregunta sobre Contact Form 7 de Wordpress:

Tama帽o de la casilla de verificaci贸n

Un usuario pregunt贸 馃憞

Hola,

Estoy usando el siguiente c贸digo CSS para aumentar el tama帽o de las casillas de verificaci贸n.

entrada[type=鈥漜heckbox鈥漖{ancho: 30 px! importante; altura: 30px! importante; alineaci贸n vertical: centro! importante; margen izquierdo: 12px! importante; }

Chrome y Edge muestran que ha aumentado seg煤n el c贸digo.

Firefox no cambia el tama帽o de la casilla de verificaci贸n.

驴Qu茅 propiedad debo agregar para Firefox?

Intent茅: -moz-apariencia: casilla de verificaci贸n; -aparici贸n del kit web: casilla de verificaci贸n;

Pero estos no solucionan el problema.

Gracias

Este tema fue modificado hace 11 meses por.

(@jainilnagar)

hace 11 meses

Hola @pickme

Para Firefox necesitas el transform propiedad.

-moz-transform: scale(2);

(@pickme)

hace 11 meses

Hola @jainilnagar,

He cambiado el c贸digo CSS hasta ahora:

input[type="checkbox"]{
margin-left:18px!important;
margin-right:20px!important;
margin-bottom:10px!important;
-moz-transform: scale(2);
-webkit-transform: scale(2);
-o-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
}

Funciona mejor para todos los navegadores, supongo.

https://stackoverflow.com/questions/11202963/making-css-transition-effects-work-in-all-browsers/11212481

http://css3generator.com/

-webkit-鈥 // Acerca del navegador Webkit (Chrome, Safari鈥) -moz-鈥 // Su navegador Mozilla -o-鈥 // Acerca del navegador Opera -ms-鈥 // Acerca del navegador Microsoft ninguno鈥 / / Para todos los navegadores ( Ultima versi贸n)

Gracias por tu ayuda !!

Esta respuesta fue modificada hace 11 meses por. Esta respuesta fue modificada hace 11 meses por.

驴Solucion贸 tu problema??

0 / 0

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *