i have wordpress website , form. when radio button active background container have color background. have accomplished css these 2 classes
.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; }
but problem have physically hold mouse button on element keep active. let go background disappear.
any input appreciated.
you need add :checked
state.
.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; }
i'm not sure of html structure hazard guess input within container class.
you can read more :checked
elements here