vue element el-tabs 去掉底部的下划线和切换时的下划线

要去掉el-tabs组件底部的下划线和切换时的下划线，你可以使用以下两种方法：

1. 使用CSS样式覆盖默认样式：

.el-tabs__header::after {
  border-bottom: none;
}

.el-tabs__item.is-active {
  border-bottom: none;
}

2. 通过设置组件属性来实现：

<el-tabs type="border-card" :tab-position="position" :stretch="false" style="border: none">
  <el-tab-pane label="tab1"></el-tab-pane>
  <el-tab-pane label="tab2"></el-tab-pane>
  <el-tab-pane label="tab3"></el-tab-pane>
</el-tabs>

其中，`:stretch="false"` 可以去掉切换时的下划线， `style="border: none"` 可以去掉底部的下划线。

相关问题

vue3中el-tabs如何取消下划线

你可以通过设置tab的样式来取消下划线，具体的做法是在el-tabs的样式中添加以下代码：

.el-tabs__item.is-active {
border-bottom: none;
}

这样就可以取消下划线了。

vue3 element plus el-tabs怎么css选择el-tabs__item

在Vue3 Element Plus中，可以通过以下方式选择`el-tabs__item`的CSS：

/* 通过class选择器选择el-tabs__item */
.el-tabs__item {
  /* your css styles */
}

/* 通过子选择器选择el-tabs__item */
.el-tabs__nav li.el-tabs__item {
  /* your css styles */
}

/* 通过父选择器选择el-tabs__item */
.el-tabs__nav--border-card > .el-tabs__header > .el-tabs__item {
  /* your css styles */
}

在以上选择器中，`.el-tabs__item` 是`el-tabs`中的一个子元素，它定义了选项卡的每个选项。您可以使用任何CSS属性来定义选项卡的外观和行为。

如果您需要更具体的选择器，请了解`DOM`结构和使用`devtools`查看`DOM`结构，以了解选项卡元素的具体父元素和子元素的类名。