elementui弹出层中的tabs出现蓝色边框的问题

呆子小木心

于 2021-08-20 14:13:40 发布

阅读量279

点赞数

分类专栏： vue 文章标签： css elementui vue

本文链接：https://blog.youkuaiyun.com/cc6_66/article/details/119822372

版权

vue 专栏收录该内容

50 篇文章

订阅专栏

这篇博客介绍了如何消除ElementUI库中弹出层内的Tabs组件在聚焦时显示的蓝色边框。通过在当前页面的CSS样式中添加一段代码，可以去除tabs在焦点状态下的边框，并自定义了圆角大小，使得UI更加美观一致。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

elementui弹出层中的tabs出现蓝色边框的问题

在这里插入图片描述

可以在当前页面的样式中添加

.navHead  /deep/.el-tabs__item:focus.is-active.is-focus:not(:active) {
  box-shadow: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}