活動的CSS表單背景

我有一個wordpress網站和一個表單。我希望當一個單選按鈕處於活動狀態時，其背景容器將具有背景色。我已經成功地做到了這一點與這兩個類活動的CSS表單背景

.ezfc-inline.ezfc-element-radio-container { 
    display: inline-block; 
    text-align: center; 
} 
.ezfc-inline.ezfc-element-radio-container:active { 
    display: inline-block; 
    text-align: center; 
    background: none repeat scroll 0% 0% #105CAB; 
    color: #FFF; 
}

但問題CSS是，我必須保持身體的元素有關的鼠標按鈕，以保持它的活性。一旦我放開背景消失。

任何輸入將不勝感激。

來源

2015-04-27 user45786

你的意思是，如果選擇了單選按鈕，它應該顯示的背景是什麼？編輯：要清楚，我的意思是如果它被檢查。 –

是的，這是正確的 – user45786

這樣的事情.ezfc-inline.ezfc-element-radio-container [type =「radio」]：checked –

你只需要添加:checked狀態。

.ezfc-inline.ezfc-element-radio-container { 
    display: inline-block; 
    text-align: center; 
} 

.ezfc-inline.ezfc-element-radio-container:active, .ezfc-inline.ezfc-element-radio-container .ezfc-element-radio input:checked { 
    display: inline-block; 
    text-align: center; 
    background: none repeat scroll 0% 0% #105CAB; 
color: #FFF; 
}

我不確定你的HTML結構，但我會冒險猜測輸入是在容器類中。

你可以閱讀更多關於:checked元素HERE

來源

2015-04-27 20:39:55 Stewartside

由於您的HTML結構。請參閱修正的答案 – Stewartside

當我申請輸入[type =「radio」]：選中{ margin-left：25px; } 它的工作原理，但我不能將它應用於特定的CSS類或容器 – user45786

活動的CSS表單背景

回答

相關問題