Use a outline instead of border for focus-visible

This is the more common way to do it, and allows us to use a offset.
This commit is contained in:
Samuel Mannehed 2022-12-07 15:11:59 +01:00
parent ac6adc61d5
commit 9c13ea3dd2
1 changed files with 2 additions and 3 deletions

View File

@ -174,9 +174,8 @@ input[type=range]:focus-visible,
button:focus-visible,
select:focus-visible,
textarea:focus-visible {
box-shadow: 0px 0px 3px rgba(74, 144, 217, 0.5);
border-color: rgb(74, 144, 217);
outline: none;
outline: 2px solid rgb(74, 144, 217);
outline-offset: 1px;
}
input:not([type]):disabled,