WordPressでサイトイメージをブラックにした場合-ContactForm7のSelectBox用CSS
初めてワードプレスを触り出して、コンタクトフォーム7を使用して、お問い合わせフォームを作ろうとした10か月前、

じゅん
状態の僕が、色々なサイトを参考になんとかお問い合わせページを作成したのですが・・・。
テーマのイメージを、
「ホワイト」→「ブラック」
に変更したら・・・。
コンタクトフォーム7のセレクトボックスが気に入らない!文字色と背景色を変えたい
ボックスの背景と文字色が「ホワイトのイメージ」のままで、「セレクトボックス」だけ、とても浮いてしまっていました。しかも選択画面が見ずらい!
- CSS変更前の初期画面
- CSS変更前の選択画面
- CSS変更前の選択結果画面
セレクトボックスの文字色を白、背景色を黒にして統一感を出したい!
- CSS変更後の初期画面
- CSS変更後の選択画面
- CSS変更後の選択結果画面
そう、このようにする為にはコンタクトフォーム7の「SelectBoxのID」が分かればよいのですが、それがネット検索しても見当たらず(涙)一週間も悩んだのは良い思い出です(笑)
「Chromeのデベロッパーツールなどで調べたらよい!」
ことにやっと気づいて解決しました。下記を子テーマのCSSに追記したらOKでした☆
select {
color: #fff;
background: #111;
}
「ID=select」 って、そのままか(^^;
それは誰も記事にしないは!
と、思いつつ僕のようにネットで検索しまくってもよく分からずに悩んでいる、超初心者の為に(簡単すぎてみんな記事にしてくれていないので)一応記事にしてみました(笑)
ディスカッション
コメント一覧
まだ、コメントがありません
フォローする
新着記事
: イベントレポート
名古屋市名東区の子供会でマジックショー☆子ども達が可愛くて♪
昨日に引き続き、今日も子ども会の新入生歓迎会。出張イベントありがとうございます☆ ...: イベントレポート
愛知県一宮市の子ども会で新一年生歓迎会
今週も先週に引き続き、子供会で新入生歓迎。お楽しみ会でマジックショーの出張してき ...: イベントレポート
新学期も始まり新入生歓迎会、今年は楽しいこと沢山あると良いね☆
4月になり新入生も入ってきました☆我が子もはや2年生になりました♪きっと油断して ...: イベントレポート
先週に続き子供会のお楽しみ会☆無事開催できて良かったです♪
今週の子供会のお楽しみ会、実は2年前コロナが流行り出した時にご依頼いただいていた ...: イベントレポート
今年初の子供会と言うか初イベントでした(瀬戸市)笑
皆さまあけましておめでとうございます笑。やっと今年初のマジックショーに出演出来ま ...: イベントレポート
今年最後のイベントも子供会、最高に楽しかったです!
いよいよ年も暮れ、今年ももうすぐ終わりです。今日は今年最後のマジックショーでした ...: イベントレポート
立派なステージで児童館のクリスマスイベント
大きなステージも大好きです(*^_^*) 今日は小牧市にある児童館でのクリスマス ...FIRE-JUN プロモ
マジシャンJUNPEI プロモ
カテゴリ
Twitter