如何更改平板UI複選框背景顏色

我想弄清楚CSS類覆蓋默認複選框樣式在平板用戶界面，但即使我花了4個小時後，我無法弄清楚負責任的CSS類爲複選框設計。如何更改平板UI複選框背景顏色

我想覆蓋默認的綠色背景爲白色和綠色刻度標記爲黑色，在哪個班級我必須這樣做？請幫幫我。

2014-01-26 Ramesh Kumar Thiyagarajan

在Chrome或Firefox，右鍵單擊該複選框，然後單擊‘檢查元素’ - 這將告訴你所有的CSS影響該複選框 – ElendilTheTall

感謝您的快速回復Elendil，我也嘗試過，但它很喜歡與許多class'es我無法找到確切的類。 –

也許你可以試試：

.radio, 
.checkbox 
{ 
    background: green !important; 
}

來源

2014-01-26 18:23:37 meck373

感謝您的快速回復梅克，讓我試試這個.. –

梅克，不幸的是這不適合我.. –

哎只是使用相同的類來過右側的設計。但是你的css必須低於falt ui和bootstrap css。

來源

2014-03-13 09:59:39 specialuser

我知道這是一箇舊帖子，但我正在尋找這個我的自我，我找到了答案。

因爲複選框實際上是從一個字體的字符」你可以改變使用顏色屬性的字體的顏色，像這樣

.checkbox input.custom-checkbox[type="checkbox"]:checked + .icons .icon-checked, 
.radio input.custom-checkbox[type="checkbox"]:checked + .icons .icon-checked, 
.checkbox input.custom-radio[type="radio"]:checked + .icons .icon-checked, 
.radio input.custom-radio[type="radio"]:checked + .icons .icon-checked { 
    color:#BAFF00; 
}

來源

2015-01-08 14:23:00 Oldenborg

如何更改平板UI複選框背景顏色

回答

相關問題