Need help styling checkboxes and radio button

Question

User-501297529 posted

I want to style input checkboxes and radio buttons so it is purple checkmark, purple border and white background.

I tried this for a checkbox but it didn't work. Is this possible to do with checkboxes and radio buttons. 

.checkmark {
    ;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: purple;
}


  <input type="checkbox"> Four
  <span class="checkmark"></span>
</label>

Answer 1

User-1716253493 posted

CSS/CSS3 Only Custom Checkboxes, Radios And Switches – el-checkbox

Answer 2

User-492460945 posted

Hi bootzilla,

Here are couple of links which explain clearly to achieve what you want. Please check.

• Style Checkboxes and Radio Buttons
• Quick Tip: Easy CSS3 Checkboxes and Radio Buttons

Thanks,

RajeshV.