Change The Blue Outglow On Input (checkboxes) (bootstrap 4)

I know this question was asked a lot of times and I can guarantee you I tried most of the solutions! My Code is as followed:

Solution 1:

Try outline-color property

input, input:focus {

    outline-color: red;

}

Solution 2:

Add .btn-custom class to your button Change the border color as you wish Change the rgba value according to the color

.btn-custom:focus, .btn-custom:active {
  border-color: #1E824C;
  outline: 0;
  -webkit-box-shadow: inset 01px1pxrgba(44, 186, 110),008pxrgba(44, 186, 110);
  box-shadow: inset 01px1pxrgba(44, 186, 110),008pxrgba(44, 186, 110);
}

Share