Skip to content Skip to sidebar Skip to footer
Home / Bootstrap 4 / Css / Focus / Html

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

Post a Comment
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 0 1px 1px rgba(44, 186, 110),0 0 8px rgba(44, 186, 110);
  box-shadow: inset 0 1px 1px rgba(44, 186, 110),0 0 8px rgba(44, 186, 110);
}

You may like these posts

Post a Comment for "Change The Blue Outglow On Input (checkboxes) (bootstrap 4)"