/* 点击、轻触不显示浏览器焦点框，键盘导航仍保留清晰的焦点提示。 */
a,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn {
    -webkit-tap-highlight-color: transparent;
}

/* Bootstrap 的激活按钮和 bootstrap-select 使用了高优先级焦点规则。 */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input[type="button"]:focus:not(:focus-visible),
input[type="submit"]:focus:not(:focus-visible),
input[type="reset"]:focus:not(:focus-visible),
.btn:focus:not(:focus-visible),
.bootstrap-select .dropdown-toggle:focus:not(:focus-visible),
.bootstrap-select > select.mobile-device:focus:not(:focus-visible) + .dropdown-toggle {
    outline: none !important;
}

/* 实色按钮的 :focus 还会加深实际边框，点击后沿用主题的透明边框。 */
.btn:is(.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger):not(.btn-outline):not(.btn-app):focus:not(:focus-visible) {
    border-color: transparent;
}

a:focus-visible,
button:focus-visible,
input[type="button"]:focus-visible,
input[type="submit"]:focus-visible,
input[type="reset"]:focus-visible,
.btn:focus-visible,
.bootstrap-select .dropdown-toggle:focus-visible,
.bootstrap-select > select.mobile-device:focus-visible + .dropdown-toggle {
    outline: 2px solid #4397fd !important;
    outline-color: var(--interaction-focus-color, #4397fd) !important;
    outline-offset: 2px;
}
