How to change a checkbox from default to image

I'm doing an e-commerce for a clothing store and they want to use color choices and sizes just like netshoes. Below is the image. I know it's an option made over a checkbox.

My question would be, how to change a checkbox from default to image.