サポート » プラグイン » Contact Form 7 のsubmitボタンの文字をでアレンジしたいが出来ない

Contact Form 7 のsubmitボタンの文字をでアレンジしたいが出来ない

  • hakama

    (@cosiocosi)


    7年、 6ヶ月前

    Contact Form 7 の submitボタンのデザインで

    ★ 送信 ★

    のようなデザインにしてたくて以下のように記述しました。結果、どちらも望む結果が得られませんでした。

    手法1

    [submit id:formbtn “<span=”color: yellow font-size: 80%”>★</span> 送信 <span=”color: yellow font-size: 80%”>★</span>”]

    手法2

    [submit id:formbtn “<span=’color: yellow font-size: 80%’>★</span> 送信 <span=’color: yellow font-size: 80%’>★</span>”]

    結果
    手法1: 送信とだけ表示される
    手法2: <span=’color: yellow font-size: 80%’>★</span> 送信 <span=’color: yellow font-size: 80%’>★</span>と、そのまま表示される

    何か良い方法はありますでしょうか？

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • miiitaka

    (@miiitaka)

    7年、 6ヶ月前

    @Hakama さん

    CSSの指定でしたら、まず記述に誤りがあります。

    <span style="color: yellow; font-size: 80%;">★</span>

    そもそもなんですけど、<input type=”submit” value=”送信”> でボタンの文字一文字一文字に装飾は出来ないかと思われます。

    トピック投稿者 hakama

    (@cosiocosi)

    7年、 6ヶ月前

    確かに、CSS指定方法は、そもそも間違えていました。（疲れてますね。。。）
    すいませんでした。

    そんなわけで、修正してみてみたのですが、結局はダメでした。

    そもそもなんですけど、<input type=”submit” value=”送信”> でボタンの文字一文字一文字に装飾は出来ないかと思われます。

    ということなのかもしれませんね。。。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「Contact Form 7 のsubmitボタンの文字をでアレンジしたいが出来ない」には新たに返信することはできません。

トピックタグ

表示