// Set browser native outline when a focusable element gets focus
iframe:focus,
iframe:active,
[href]:focus,
[href]:active,
[tabindex]:focus,
[tabindex]:active,
button:not([disabled]):focus,
button:not([disabled]):active,
input:not([disabled]):focus,
input:not([disabled]):active,
select:not([disabled]):focus,
select:not([disabled]):active,
textarea:not([disabled]):focus,
textarea:not([disabled]):active,
input[type='checkbox']:not([disabled]):focus ~ label:before,
input[type='radio']:not([disabled]):focus ~ label:before {
  outline: 2px solid #007fae;
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: 3px;
}

// Set browser native outline when a focusable element gets focus
iframe:focus,
iframe:active,
[href]:focus,
[href]:active,
[tabindex]:focus,
[tabindex]:active,
button:not([disabled]):focus,
button:not([disabled]):active,
input:not([disabled]):focus,
input:not([disabled]):active,
select:not([disabled]):focus,
select:not([disabled]):active,
textarea:not([disabled]):focus,
textarea:not([disabled]):active,
input[type='checkbox']:not([disabled]):focus ~ label:before,
input[type='radio']:not([disabled]):focus ~ label:before {
  outline: 2px solid #007fae;
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: 3px;
  box-shadow: none;
}

Clear box-shadow when focusing - MSEdge
Clear box-shadow when focusing - MSEdge
