最近在开发一款官网，使用的是element，在头菜单NavMenu，的时候没有设置任何的边框属性，结果出现了如下图所示的边框线。
点击有二级菜单时出现
找了好多方法发现是有一个属性影响到了，:focus,他是一个获取焦点时触发的一个选择器，有兴趣的伙伴可以去菜鸟上看下。
它里边是有一个颜色属性
把它改为0就可以啦。
:focus {
outline:0;
}
好了，就到这里了，菜鸟每天遇到的问题，希望对你们帮助哦
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。
猜您在找
vue element-ui NavMenu错位问题
element-ui中Select 选择器去除点击时的淡蓝色边框
a、button、input点击获取焦点时出现蓝色边框，如何去掉
修改element的NavMenu 导航菜单组件样式
element-ui 框架中使用 NavMenu 导航菜单组件时，点击一个子菜单会出现多个子菜单同时展开或折叠？
keil出现蓝色小箭头
element NavMenu侧栏导航菜单（可折叠）
去除input边框 input去除边框 去除input获取焦点时的蓝色外边框
bootstrap和bootstrap-select去除蓝色边框outline
手机端去除a标签点击时的蓝色边框