How to change colour of Checkbox -Bootstrap 5 Custom

Wappler General Need Help
1

The checkbox control has colour when it is focussed on , both when it is ticked and unticked. But when there is no focus on it , it does not have and border colour , making it completely invisible

How do i add a coloured border to it? I couldn’t find anything in Theme manager advanced variables
And border colour is locked in the design menu

2

Adjust to suit:

.form-check-input {
    border: 2px solid rgba(254, 14, 81, 0.95)
}
1 Like
3

I added this to my styles.css file but i see no change in the checkbox input , what am i doing wrong?

4

Thank you Ben it worked had forgotten to change the order from

    <link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="bootstrap/5/css/bootstrap.min.css" />

to

<link rel="stylesheet" href="bootstrap/5/css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/style.css" />
1 Like