How to change color check in checkbox?


Thank you in advance

Solution

You an refer to  :  https://www.w3schools.com/howto/howto_css_custom_checkbox.asp


Best option would be to inspect the element in chrome and then try your CSS there itself. Fastest way to achieve these type of CSS changes. 

Solution

Hi Agus,

Could you elaborate a little on what exactly you wish to change?

If you just want the background of the checkbox to be green adding the following css will be sufficient:

SyntaxEditor Code Snippet

.checkbox:checked:before{
background-color:green;
}


Tushar Panpaliya wrote:

You an refer to  :  https://www.w3schools.com/howto/howto_css_custom_checkbox.asp


Best option would be to inspect the element in chrome and then try your CSS there itself. Fastest way to achieve these type of CSS changes. 

thanks Tushar,  after read that i can find in After section


glenn michiels wrote:

Hi Agus,

Could you elaborate a little on what exactly you wish to change?

If you just want the background of the checkbox to be green adding the following css will be sufficient:

SyntaxEditor Code Snippet

.checkbox:checked:before{
background-color:green;
}


change the cheklist in checkbox