how to change colour of checkbox in cart?

shells
Trailblazer
195 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

 

Replies 2 (2)

diego_ezfy
Shopify Partner
2958 568 890

@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 

◦ Follow my blog & youtube for coding tutorials.
◦ Replace apps with copy/paste code snippets and save money.

LitExtension
Shopify Partner
4860 1001 1135

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
Check out our Shopify migration app to migrate your online store to Shopify