html - Active CSS form background -


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