gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 05:22:02 25 4
gpt4 key购买 nike

我目前正在尝试使用 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吧?所以这一定是可能的。

最佳答案

您可以使用 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.

关于javascript - Syncfusion Javascript Tab - 更改选项卡按钮高度/字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42471633/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com