Css implements custom single-choice or check boxes, css single-choice or check boxes

Css implements custom single-choice or check boxes, css single-choice or check boxes
/* Radio css single sequence */. hidden-input {opacity: 0; position: absolute; z-index:-1;} input [type = radio] + span {/* your style goes here */display: inline-block; height: 1.5em; width: 1.5em; border-radius: 50%; background-color: # ddd ;} /* active style goes here */input [type = radio]: checked + span {background-color: # d85d4b ;} /* checkbox css check box */input [type = checkbox] + span {display: inline-block; height: 1.5em; width: 1.5em; border-radius: 4px; background-color: # ddd;} input [type = checkbox]: checked + span: after {content: ""; background-image: url ("images/select.png"); position: absolute; width: 20px; height: 20px; left: 50%; margin-left:-10px; top: 50%; margin-top:-6px; background-repeat: no-repeat ;} /* checkbox html code */

Purchase main board room + hard-mounted Choice + Soft-mounted choice

</Div/* radoi html code */ Multiple rooms