Atenção!

Este artigo contém código CSS e destina-se a desenvolvedores. Oferecemos este código como uma cortesia, mas não fornecemos suporte para personalizações de código ou desenvolvimento de terceiros.

Para orientação adicional, consulte o tutorial da WPBeginner sobre como adicionar CSS personalizado.

Dispensar

Como Desativar a Opacidade na Submissão do Formulário

Visão geral

Você deseja desativar o efeito de opacidade durante o envio de formulários? Com um trecho de CSS conciso, você pode desativar rapidamente a opacidade que se torna aparente quando o formulário está sendo enviado.

Por padrão, quando você envia 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 é enviado pela estilização padrão

Este tutorial irá guiá-lo através do processo, tornando mais fácil eliminar a opacidade e melhorar a experiência do usuário. Vamos prosseguir e tornar seus formulários visualmente mais perfeitos!

Adicionando o snippet

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.

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

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

agora este trecho desativará a opacidade

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 de seus formulários? Dê uma olhada em nosso tutorial sobre Como Adicionar Efeitos de Animação às Transições de Quebra de Página.