Attention !

Cet article contient du code CSS et s'adresse aux développeurs. Nous proposons ce code à titre de courtoisie, mais nous n'offrons pas de support pour les personnalisations de code ou le développement par des tiers.

Pour obtenir des conseils supplémentaires, veuillez consulter le tutoriel de WPBeginner sur l'ajout de CSS personnalisé.

Ignorer

Comment désactiver l'opacité lors de la soumission du formulaire

Aperçu

Voulez-vous désactiver l'effet d'opacité lors de la soumission des formulaires ? Avec un extrait CSS concis, vous pouvez rapidement désactiver l'opacité qui apparaît lorsque le formulaire est soumis.

Par défaut, lorsque vous soumettez un formulaire, le formulaire et le bouton Soumettre auront une légère opacité.

il y a une légère opacité sur le formulaire et le bouton de soumission lorsque le formulaire est soumis par le style par défaut

Ce tutoriel vous guidera tout au long du processus, vous permettant d'éliminer facilement l'opacité et d'améliorer l'expérience utilisateur. Procédons et rendons vos formulaires plus visuellement fluides !

Ajout du snippet

Il est maintenant temps d'ajouter l'extrait à votre site. Si vous avez besoin d'aide pour ajouter des extraits à votre site, veuillez consulter ce tutoriel.

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

Maintenant, lorsque le formulaire sera soumis, vos visiteurs verront que l'opacité a été désactivée.

maintenant cet extrait désactivera l'opacité

Et c'est tout ce dont vous avez besoin pour désactiver l'opacité. Souhaitez-vous ajouter des effets d'animation à vos sauts de page dans vos formulaires ? Jetez un œil à notre tutoriel sur Comment ajouter des effets d'animation aux transitions de sauts de page.