Copy the existing check-box code from your form into a second file. Save the existing code in case anything goes wrong with your alteration or you decide to revert back to the check-box format.

Hello,readers I had created a simple animated checkbox using Font Awesome ( CSS Bootstrap file), along with pseudo elements, CSS3 Transition property and opacity. In my example, I had created an ...

Notice that a hidden input box will be inserted into the html code to return unchecked values. This will not be handled by your CSS styles because it strictly wants a input tag followed by label tag.