Contact form7の「選択されていません」の文字色を変えたい

みなさん、回答いただきありがとうございます！
無事に文字色が変更できました。
ただ…実は1サイト上でフォームがフロントページとお問い合わせページの二箇所にあり、それぞれ背景色が違うため、一方を白文字、もう一方を黒文字にしたいです。

でも、デベロッパーツールで得られたクラス名div.wpcf7 input[type=”file”]にCSSをかけると両方とも同じ文字色になってしまいます。

Contact Form7でフォームを2つ作り、それぞれのファイル添付タグに別の名前のクラス名をつけて、そのクラス名にCSSをかけても「選択されていません」の文字色には適用されませんでした。

この「選択されていません」の文字色をページごとに変えることは不可能なんでしょうか？

ありがとうございました。
有力情報をいただき、すごく参考になりました！

ただ、ページID↓で指定してみたのですが、効かなかったです。

.home div.wpcf7 input[type="file"]{
	color: black;
}

.page-id-39 div.wpcf7 input[type="file"]{
	color: black;
}

実際に書き込んでも効かないですが、Chromeのデベロッパーツールでこれを打ち込んでもグレーアウトしちゃいます。

そもそも、Chromeのデベロッパーツールでここのクラス名にスタイルを指定しようとすると

div.wpcf7 input[type="file"] {
    cursor: pointer;
}

と書いてあるんです。

クラス名なら.が必要だし、IDなら＃が必要なはずですよね？
でも、頭に何もつけずにいきなりdivから始まるんですよ。
そして、Chromeのデベロッパーツールによれば、先にcursor: pointer;というプロパティが入っているらしいんですが、このプロパティが入っているところが、私自身が書いたファイルじゃなくてwp-includes/css/styles.css?ver=5.1.4と表示されています。テーマフォルダしかいじったことがないので完全にお手上げです。

• この返信は5年、 1ヶ月前にsaekaが編集しました。