Change color of checkbox & width of dropdown menu

Tags: #<Tag:0x00007efc6d82b0c0> #<Tag:0x00007efc6d829dd8>
#1

Hi,

I would like to format the dropdown menu and I was trying to edit the color of the checkbox when it’s filled with the following in CSS file: image

.handsontable .htCheckboxRendererInput {
background-color: #18423b;
}

Unfortunately, this didn’t do anything. Also I would like to find out how the width of the dropdown menu could be changed?

Thanks!

#2

Hi @roxana.tugulea

Checkboxes are styled by the browser. Here’s a good article on that https://moderncss.dev/pure-css-custom-checkbox-style/

We do not add any additional styling for this element other than simple alignment within the TD element

00

#3

Thanks for the tip! Managed to do it. :slight_smile:

#4

Great! I’m happy to hear that. I will close the thread. But feel free to open a new one when needed.

#5