送信ボタンのBEテーマオーバーレイを修正する方法

概要

BEテーマを使っていて、送信ボタンにカーソルを合わせたときにオーバーレイが表示されることにお気づきですか？このオーバーレイは、テーマがすべてのボタンに追加するデフォルトのスタイリングによるものですが、小さなCSSスニペットを追加することで、フォーム用に簡単に修正することができます。

セットアップ

このCSSをコピーしてあなたのサイトに貼り付けるだけです。 あなたのサイトにCSSを追加する際にサポートが必要な場合は、こちらのチュートリアルをご覧ください。

.wpforms-page-button:after, 
.wpforms-submit:after { 
    display: none !important; 
}

CSSが追加されると、WPFormsの送信ボタンにオーバーレイが表示されなくなります。

以上です！他のCSSチュートリアルを試してみたいですか？フォームフィールドフォーカスにCSSを追加する方法」のチュートリアルを見てみましょう。