How to change the outline color of a checklist box

Dash Python
1

Is it possible either through custom css, js or python to style the checklist? I want to change the outline of a checklist box to be red or green or blue. Is this possible? Is it also possible to have a filled in color in the checklist boxes as well?

I have not found any great documentation regarding custom checklist box styling, any insight would be appreciated!

2

Hi @Gbchamps23, this seems to be a difficult task:

3

Hello, check dash mantine components checkbox and try styling it through styles api. It should be highly customizable.

1 Like
4 
dmc.Checkbox(
    id='step_2_curation_checkbox_all_correct',
    checked=False,
    style={'horizontal-align': 'center'},
    label='If all are correct, check here:',
    styles= {
        "input": {"borderColor": 'black'}
    },
),

mantine components own

2 Likes
5

Want you want to do is to change the accent-color property, like in this example.

Here is an example of what it would look like:

dcc.Checklist(
  id='...',
  options=[{
      'label': 'whatever',
      'value': 'whatever'
  }],
  value=['whatever'],
  style={
      'accent-color': '<your_color_in_hexadecimal>'
  }
  )
1 Like