Question
Contact Form 7 送信ボタンの色が反映されない
- A Aki Moriyama
-
はじめまして すいませんがご教示ください。
Contact form 7 を使っています。
以前のフォーラムの履歴から以下のCSSを入力しました。
hoverの状態時は、送信ボタンの背景が白になっているのですが 通常状態の時には、白ではなく薄いグレーのままです。 通常状態の送信ボタンの背景色も白にしたいのですが
変更できる方法があれば教えてください。 よろしくお願いします。
word press は6.3.1 (下の方で入力できなかったため）
PHPは8.2 モジュール
jin r は1.2.3
サーバはロリポップ
ブラウザはgoogle Chrome
mac OS 14.0 sonoma
wpcf7-form input[type=submit] {
width: 100%;
padding: 15px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: none;
box-shadow: 0 3px 0 #ddd;
background: #fff;
color: #00552e;
transition: 0.3s;
}
.wpcf7-form input[type=submit]:hover {
background: #fff;
transform: translate3d(0px, 3px, 1px);
-webkit-transform: translate3d(0px, 3px, 1px);
-moz-transform: translate3d(0px, 3px, 1px);
}- ロリポップ
- GoogleChrome
- その他（トピック内容に記載してください。）
-
こんにちは！
2023/10/14 22:58JIN:R運営チームのtsu_です。
URLと画像ありがとうございます！
詳細度で負けてるのかもしれませんね。。。
フォームを設置する場所にもよりますが、
.wpcf7-form input[type=submit]
↓
#mainContent .wpcf7-form input[type=submit]
に変えるとどうでしょうか...？？
こんにちは
素晴らしい！完璧です。
自分でいろいろ調べて変更してもダメでしたが、
いい感じになりました。
本当に助かりました。
感謝です。
ありがとうございます。
2023/10/15 13:47