/* ============================================================
   全局 focus 黑框重置
   作用：统一去掉页面中可点击/可聚焦元素在点击后出现的
   浏览器默认 outline / 组件库 focus-visible 黑框/蓝框。
   注意：保留 hover 等其它状态，仅针对 focus/focus-visible/active
         做 outline/box-shadow 重置。
   ============================================================ */

a,
button,
input,
textarea,
select,
[tabindex] {
    outline: none;
}

a:focus,
a:focus-visible,
a:active,
button:focus,
button:focus-visible,
button:active,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
    outline: none;
    box-shadow: none;
}

/* Element UI 常用组件 */
.el-button:focus,
.el-button:focus-visible,
.el-menu-item:focus,
.el-menu-item:focus-visible,
.el-submenu__title:focus,
.el-submenu__title:focus-visible,
.el-input__inner:focus,
.el-input__inner:focus-visible,
.el-textarea__inner:focus,
.el-textarea__inner:focus-visible,
.el-select .el-input.is-focus .el-input__inner,
.el-pagination button:focus,
.el-dialog__headerbtn:focus,
.el-message__closeBtn:focus {
    outline: none;
    box-shadow: none;
}

/* Layui / Pear 后台组件 */
.layui-input:focus,
.layui-input:focus-visible,
.layui-textarea:focus,
.layui-textarea:focus-visible,
.layui-btn:focus,
.layui-btn:focus-visible,
.layui-form-select dl dd.layui-this,
.pear-btn:focus,
.pear-btn:focus-visible,
.pear-btn-primary:focus,
.pear-btn-primary:focus-visible {
    outline: none;
    box-shadow: none;
}

/* Bootstrap 组件 */
.btn:focus,
.btn:focus-visible,
.form-control:focus,
.form-control:focus-visible,
.nav-link:focus,
.nav-link:focus-visible,
.dropdown-item:focus,
.dropdown-item:focus-visible,
a:focus,
a:focus-visible {
    outline: none;
    box-shadow: none;
}

/* 本项目自定义按钮/链接类 */
.g-button-right:focus,
.g-button-right:focus-visible,
.g-button-blue-large:focus,
.g-button-blue-large:focus-visible,
.submit-a:focus,
.submit-a:focus-visible,
.v-icon:focus,
.v-icon:focus-visible,
.top-item:focus,
.top-item:focus-visible {
    outline: none;
    box-shadow: none;
}