私は問題のないほとんどの連絡フォームにスタイルを設定しましたが、この最後の小さなテキストの色の変更は私を困惑させました。お問い合わせフォーム7 - 頑固なチェックボックステキストの色 - 顕著なテーマ
基本的に、チェックボックスのテキストは、リンクにも使用される「主要なサリエントテーマアクセントの色」を継承しているようです。チェックボックスのテキストは緑で、灰色にします。
ページ:http://amzoptimized.com/order-form/
スプレッドシートの追加(下のダウンかなり散らかっ取得):
.wpcf7-submit {
font-size:16px !important;
padding:10px 20px 10px 20px !important;
background-color:#A3CB2A !important;
font-weight:500; !important;
color: white !important;
}
.interval {
font-size:14px !important;
}
span.wpcf7-list-item {
display: block !important;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea
{
background-color: #fff;
color: #000;
font-size: 15px;
border: 1px #dedede solid;
}
.wpcf7 input[type="checkbox"],
.wpcf7-checkbox,
.wpcf7-form-control,
span.wpcf7-list-item-label,
.wpcf7-list-item,
span.wpcf7-list-item,
.wpcf7-form checkbox,
.wpcf7-list-item-label {
color: #696969 !important;
}
.wpcf7-textarea {
height: 5em;
}
何かアドバイスをいただければ幸いです。
おかげで、 GS
を試してみてください。$( "span.wpcf7-リスト項目ラベルを")、CSS( "色"、 "#111!重要"); –
@FaisalAshfaq noこのクラスを持つ他のすべてのスパンが灰色になるからです。上記のセクションのように、他のチェックボックスのテキストは緑の代わりにグレーになります。 –