怎样调整el-tab-pane label的css样式

Question

原来的样式字体太小了。我还想调整高度。只能在另一个script里面。重写el的样式吗？

<el-tab-pane label="热门" name="hotTopic">

如图：

Answer 1

是的，重写覆盖吧，你需要重写下面这个样式：

.el-tabs__item {
    padding: 0 20px;
    height: 40px;
    box-sizing: border-box;
    line-height: 40px;
    display: inline-block;
    list-style: none;
    font-size: 14px;
    font-weight: 500;
    color: #303133;
    position: relative;
}

至于写在哪里，你参考下这个：
https://www.jianshu.com/p/dfb4b96c565f