How to style a checkbox using CSS

Answer 1

Since browsers like Edge and Firefox do not support :before :after on checkbox input tags, here is an alternative purely with HTML and CSS. Of course you should edit CSS according to your requirements.

Make the HTML for checkbox like this:

    
    
        
        Checkbox label
    

Apply this style for the checkbox to change the color label