2016-04-23 22 views
-1

我已經風格化大部分聯繫表格沒有問題,但這最後一點文字顏色變化讓我難住。聯繫表格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

+0

您可以使用jQuery的:$( 「span.wpcf7列表項標籤」)的CSS( 「顏色」,「#111!重要」); –

+0

@FaisalAshfaq否,因爲此類的所有其他跨度將變爲灰色。就像上面的部分一樣,其他複選框文本將變成灰色而不是綠色。 –

回答

0

試試這個

#wpcf7-f1361-p1352-o1 form > div > p:nth-child(2) > span > span > span> label span{ 
    color: #696969 !important; 
} 
+0

真棒,工作 - 謝謝。 – GSig