Hi,
Is it possible to change the background checkbox color (agreement and cookies):
As you can see, it is blue. I would like to use my color #ffc107
Thanks 🙂
Apr 03, 2023 10:47 am
6 Replies
Apr 03, 2023 10:55 am
Use the CSS code below:
#wpdcom input[type='checkbox'] {
accent-color: #ffc107;
}
The code above is just a simple solution. Here you can find more tips: https://www.w3schools.com/howto/howto_css_custom_checkbox.asp
Apr 03, 2023 11:58 am
Thanks a lot, it works, the background is yellow, but the arrow is now black:
Do you know how to get it white?
Apr 03, 2023 2:27 pm
The accent-color CSS property automatically changes the color to white if the selected color is light.
Please watch this video to better understand what I mean: https://www.screencast.com/t/QJg5QarLpb
If you change the color and set it a bit darker it'll automatically change the color to white. This is the simplest solution you can use.
Apr 04, 2023 9:26 am
@asti Ok, I will keep my background color, and so with the black arrow, but thanks a lot for the explanation and screencast, have a nice day 😀
