Notifications

Clear all

Limited Support

Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.

We appreciate your patience and understanding while our team is away. Thank you for being part of the wpDiscuz community!

Merry Christmas and Happy Holidays! 🎄

Question [Solved] How to customize checkbox color?

How-to and Troubleshooting

Last Post by nonobio 3 years ago

7 Posts

2 Users

3 Reactions

1,048 Views

RSS

Posts: 13

nonobio

Topic starter

Apr 03, 2023 10:47 am

(@nonobio)

Eminent Member

Joined: 5 years ago

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 🙂

This topic was modified 3 years ago by nonobio

6 Replies

Posts: 8202

Asti

Support

Apr 03, 2023 10:55 am

(@asti)

Illustrious Member

Joined: 8 years ago

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

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

Posts: 13

nonobio

Topic starter

Apr 03, 2023 11:58 am

(@nonobio)

Eminent Member

Joined: 5 years ago

Thanks a lot, it works, the background is yellow, but the arrow is now black:

Do you know how to get it white?

4 Replies

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8202

Apr 03, 2023 12:46 pm

Reply to

nonobio

@nonobio,

I'll try to provide a solution for you soon.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

nonobio

(@nonobio)

Joined: 5 years ago

Eminent Member

Posts: 13

Apr 03, 2023 2:27 pm

Reply to

Asti

@asti don't bother too much, it's not very important 🙂

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8202

Apr 04, 2023 8:22 am

Reply to

nonobio

@nonobio,

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.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.