element el-tabs 底部的下划线变细
时间: 2024-01-10 22:51:35 浏览: 110
TabLayout修改下划线
5星 · 资源好评率100%
可以通过修改 `border-bottom-width` 属性来调整 `el-tabs` 底部下划线的粗细。例如,将下划线变为原来的一半粗细,可以在 CSS 中添加以下代码:
```css
.el-tabs__header:before {
border-bottom-width: 1px; /* 将原来的 2px 改为 1px */
}
```
如果只想修改某个特定的 `el-tabs` 实例的下划线粗细,可以给该实例添加一个自定义的 class,并在 CSS 中使用该 class 来修改样式。例如:
```html
<el-tabs class="my-tabs">
<!-- ... -->
</el-tabs>
```
```css
.my-tabs .el-tabs__header:before {
border-bottom-width: 1px; /* 将下划线粗细改为 1px */
}
```
阅读全文