最近在用element的抽屉展示修改主题样式供用户选择修改,但一打开抽屉会默认选中标题,标题出现蓝色的边框,自我感觉非常不好看,只能想办法去掉它。
一开始的图:有个蓝色边框不好看吧。
修改后的图:没有蓝色的框好看不少
实现方式:
还是回归最基本的样式修改,打开控制台,找到标题的样式控制,修改其中的outline
样式即可。
代码:
/*去掉打开抽屉时自动选中标题时的蓝色边框*/
.el-drawer__header span:focus {
outline: 0;
}