¡Atención!

Este artículo contiene código CSS y está destinado a desarrolladores. Ofrecemos este código como cortesía, pero no proporcionamos soporte para personalizaciones de código o desarrollo de terceros.

Para obtener ayuda adicional, consulta el tutorial de WPBeginner sobre cómo agregar CSS personalizado.

Descartar

Cómo Desactivar la Opacidad al Enviar el Formulario

Descripción general

¿Deseas deshabilitar el efecto de opacidad durante el envío de formularios? Con un fragmento de CSS conciso, puedes deshabilitar rápidamente la opacidad que se hace aparente cuando el formulario se está enviando.

Por defecto, cuando envías un formulario, el formulario y el botón Enviar tendrán una ligera opacidad.

hay una ligera opacidad en el formulario y el botón de envío cuando el formulario se envía por estilo predeterminado

Este tutorial te guiará a través del proceso, haciendo que sea fácil eliminar la opacidad y mejorar la experiencia del usuario. ¡Procedamos y hagamos que tus formularios sean visualmente más fluidos!

Añadir el fragmento

Ahora es el momento de añadir el fragmento a tu sitio. Si necesitas ayuda sobre cómo añadir fragmentos a tu sitio, por favor revisa este tutorial.

div.wpforms-container-full, button[id^="wpforms-submit"]
{
	opacity:1 !important;
}

Ahora, cuando el formulario se envíe, tus visitantes verán que la opacidad ha sido deshabilitada.

ahora este fragmento deshabilitará la opacidad

Y eso es todo lo que necesitas para deshabilitar la opacidad. ¿Te gustaría añadir algunos efectos de animación a tus saltos de página dentro de tus formularios? Echa un vistazo a nuestro tutorial sobre Cómo añadir efectos de animación a las transiciones de salto de página.