how to change colour of checkbox in cart?

shells
Explorer
193 3 97

Hi all,

I am looking to change the colour of this checkbox from blue to grey. How can I do this please?

www.feyrebaby.com.au

Thanks

shells_0-1625793236121.png

 

0 Likes

@shells 

As far as I am aware, checkboxes are not able to be styled, possibly a security measure for browsers to avoid security flaws but I can't affirm for sure. (just like one can't fully style the ":active" pseudo class)

In technical terms, what one can do is use pseudo elements (like :after and :before) to style the checkboxes, which is not a particularly simple task especially taking cross-browser into consideration.

One viable alternative is using some third party Javascript library like such. Naturally coding knowledge would be required to not only code it into the theme, but also to wire up all functionality it already has, therefore I'm afraid there may not be a copy/paste solution for this. Hiring a developer to properly implement it would be necessary.

Kind regards,
Diego 

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
LitExtension
Shopify Partner
1228 157 217

You can follow the instructions, add a span checkmark tag to it: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_custom_checkbox
Hope it helps!

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes