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

概要

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

css変更前のwpforms表示

セットアップ

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

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

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

このcssを追加すると、カーソルを合わせたときの送信ボタンのオーバーレイが表示されなくなります。

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