javascript - Syncfusion Javascript Tab - 更改选项卡按钮高度/字体大小

Question

我目前正在尝试使用 Syncfusion Javascript 控件构建一个网站。我到处搜索，试图找到一种改变 Tab 控件高度的方法。我正在尝试更改选项卡按钮本身的高度，而不是选项卡主体的高度。

我尝试创建一个简单的 CSS 样式来更改字体大小，但没有成功。

<style>
.TabOverride{
    font-size: 5px;

}
</style>

这里我给控件分配了TabOverride css，但是不起作用。将 itemSize 设置为 8px 也不起作用。

$("#TabView").ejTab({
            cssClass: "TabOverride",
            showCloseButton: true,
            enableTabScroll: true,
            showRoundedCorner: true,
            width: "100%",
            height: "100%",
            itemSize: "8px"
        });

这里是 Tab 控件的支持页面。 https://help.syncfusion.com/js/tab/getting-started

我觉得这一定是可能的，因为在 WindowsForm Syncfusion 选项卡中有一个名为 ItemSize 的属性用于此目的。这就是我在 jquery 中尝试 itemSize 的原因。这应该都是CSS吧？所以这一定是可能的。

Answer 1

您可以使用 headerSize 属性自定义选项卡标题大小。请引用代码片段:

$("#TabView").ejTab({
            cssClass: "TabOverride",
            showCloseButton: true,
            enableTabScroll: true,
            showRoundedCorner: true,
            width: "100%",
            height: "100%",
            headerSize: "20px"
        });

.TabOverride ul li a , .TabOverride ul li div{
    font-size: 5px;
     }

请参阅 headerSize 属性的 API 文档链接:https://help.syncfusion.com/api/js/ejtab#members:headersize

JS Playground 示例链接:http://jsplayground.syncfusion.com/gh4uq3ff

问候， Karthikeyan V.