【WordPress】Contact Form 7のラベルに必須の表示(*)アスタリスク文字を赤文字で表示させる方法

Contact Form 7でフォーム必須*アイコンの色

お問い合わせフォームを作成する時の有名プラグイン「Contact Form 7」でフォームを作っている時に、ふと・・・

*(アスタリスク)印を入れるだけであれば、ラベルの中に*を入れるだけで終わりなのですが・・・

あれ?必須の表示(*)文字を赤文字で表示させるにはどうすれば・・・

CSSで設定する

ということで、このままでは赤文字にならないので、赤文字が表示されるように設定をします。

[rml_read_more]

span style=”color:red;”

<span style="color:red;">

ということで、*(アスタリスク)を赤色で表示させるために、spanタグで囲みます。

赤色になりました!!!

あとは、赤色で表示したい場所を全て囲んであげると、完成です。

まとめ

できました!!!

という感じで、span style=”color:red;”で囲んであげると赤色になります!

ご参考ください😃

いちばんやさしいWordPressの教本 第7版 6.x対応 人気講師が教える本格Webサイトの作り方 (いちばんやさしい教本シリーズ) [ 石川栄和 ]

価格:1980円
(2026/5/11 23:14時点)
感想(0件)

1冊ですべて身につくWordPress入門講座 [ Mana ]

価格:2200円
(2026/5/11 23:14時点)
感想(4件)