Atenção!

Este artigo contém código CSS e destina-se a programadores. 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.

Ignorar

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

Visão geral

Pretende desativar o efeito de opacidade durante o envio de formulários? Com um excerto de CSS conciso, pode desativar rapidamente a opacidade que se torna aparente quando o formulário está a ser enviado.

Por defeito, quando envia um formulário, o formulário e o botão Enviar terão uma ligeira opacidade.

existe uma ligeira opacidade no formulário e no botão de envio quando o formulário é enviado por estilo padrão

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

Adição do trecho de código

Agora é hora de adicionar o excerto ao seu site. Se precisar de ajuda sobre como adicionar excertos ao seu site, reveja este tutorial.

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

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

agora este excerto irá desativar a opacidade

E é tudo o que 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 vista de olhos ao nosso tutorial sobre Como Adicionar Efeitos de Animação às Transições de Quebra de Página.