<html lang="pt-pt" dir="ltr"><head></head><body>### [Como Desativar a Opacidade na Submissão do Formulário](https://wpforms.com/developers/how-to-disable-the-opacity-on-form-submission/)

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

**Resumo:** Este trecho mostrará como desativar a opacidade que aparece no formulário e no botão de envio ao submeter.

**Conteúdo:**

## Visão Geral

Você deseja desativar o efeito de opacidade durante as submissões de formulário? Com um trecho de CSS conciso, você pode desativar rapidamente a opacidade que se torna aparente quando o formulário está sendo submetido.

Por padrão, ao submeter um formulário, o formulário e o botão **Enviar** terão uma leve opacidade.

![há uma leve opacidade no formulário e no botão de envio quando o formulário é submetido com o estilo padrão](https://wpforms.com/wp-content/uploads/2023/08/wpforms-disable-opacity-before.jpg)

Este tutorial irá guiá-lo através do processo, tornando indolor a eliminação da opacidade e a melhoria da experiência do usuário. Vamos prosseguir e tornar seus formulários visualmente mais perfeitos!

## Adicionando o trecho

Agora é hora de adicionar o trecho ao seu site. Se precisar de ajuda sobre como adicionar trechos ao seu site, [por favor, revise este tutorial](https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/ "Como Adicionar Estilos CSS Personalizados para WPForms").

```

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

Agora, quando o formulário for submetido, seus visitantes verão que a opacidade foi desativada.

![agora este trecho desativará a opacidade](https://wpforms.com/wp-content/uploads/2023/08/wpforms-disable-opacity-after.jpg)

E é tudo o que você precisa para desativar a opacidade. Gostaria de adicionar alguns efeitos de animação às suas quebras de página dentro dos seus formulários? Dê uma olhada em nosso tutorial sobre [Como Adicionar Efeitos de Animação às Transições de Quebra de Página](https://wpforms.com/developers/how-to-add-animation-effects-to-page-break-transitions/ "Como Adicionar Efeitos de Animação às Transições de Quebra de Página").

**Categorias:** Trechos

**Tags:** CSS

---</body></html>