ご注意!

この記事にはCSSコードが含まれており、開発者を対象としています。このコードは便宜上提供していますが、コードのカスタマイズやサードパーティの開発についてはサポートしていません。

追加のガイダンスについては、WPBeginnerのカスタムCSSの追加に関するチュートリアルをご覧ください。

閉じる

フォーム送信時の不透明度を無効にする方法

概要

フォーム送信中の透明度効果を無効にしますか?簡潔なCSSスニペットを使用すると、フォームが送信されているときに表示される透明度を素早く無効にすることができます。

デフォルトでは、フォームを送信すると、フォームと送信ボタンにわずかな透明度が表示されます。

デフォルトのスタイリングでは、フォームが送信されると、フォームと送信ボタンにわずかな透明度が表示されます。

このチュートリアルでは、そのプロセスを順を追って説明し、透明度を簡単に削除してユーザーエクスペリエンスを向上させます。進んで、フォームをより視覚的にシームレスにしましょう!

スニペットの追加

これで、スニペットをサイトに追加する準備ができました。サイトにスニペットを追加する方法についてサポートが必要な場合は、このチュートリアルを確認してください

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

これで、フォームが送信されるときに、訪問者は透明度が無効になっていることがわかります。

これで、このスニペットは透明度を無効にします。

これで、透明度を無効にするために必要なすべてが揃いました。フォーム内のページ区切りにアニメーション効果を追加したいですか?フォームのページ区切り遷移にアニメーション効果を追加する方法に関するチュートリアルをご覧ください。