<html lang="es-es" dir="ltr"><head></head><body>### [Cómo deshabilitar la opacidad en el envío del formulario](https://wpforms.com/developers/how-to-disable-the-opacity-on-form-submission/)

**Publicado:** 10 de agosto de 2023
**Autor:** Equipo Editorial

**Extracto:** Este fragmento te mostrará cómo deshabilitar la opacidad que aparece en el formulario y el botón de envío al enviar.

**Contenido:**

## Resumen

¿Quieres 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 se está enviando el formulario.

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 con el estilo predeterminado](https://wpforms.com/wp-content/uploads/2023/08/wpforms-disable-opacity-before.jpg)

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ñadiendo 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](https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/ "Cómo añadir estilos CSS personalizados para WPForms").

```

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](https://wpforms.com/wp-content/uploads/2023/08/wpforms-disable-opacity-after.jpg)

Y eso es todo lo que necesitas para deshabilitar la opacidad. ¿Te gustaría añadir algunos efectos de animación a las transiciones de 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 saltos de página](https://wpforms.com/developers/how-to-add-animation-effects-to-page-break-transitions/ "Cómo añadir efectos de animación a las transiciones de saltos de página").

**Categorías:** Fragmentos

**Etiquetas:** CSS

---</body></html>