QTabWidget 控件样式

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46，售后保障稳定

1、转载一篇当tab页多时，左侧的曲线问题。

下面是原文：

当tab个数大于一定个数时，会出现如下图左侧白线所示，这个是Qt自带的，作用是点击回到第一个tab

隐藏方法：设置qss

QTabBar::tear 
{
    width: 0px; 
    border: none;
}

Jetbrains全家桶1年46，售后保障稳定

原文链接：https://blog.csdn.net/qq411633267/article/details/105684758

2、样式表demo：

/*设置QTabWidget背景色*/
QTabWidget#EmojiTabWdgt QStackedWidget
{
    background-color:#434343;
}

QTabWidget#EmojiTabWdgt::pane
{
    border:0px solid transparent;
    padding-left:12px;
    padding-top:12px;
    padding-right:0px;;
}

QTabWidget#EmojiTabWdgt QTabBar
{
    background:#434343;
}

QTabWidget#EmojiTabWdgt QTabBar::tab
{
    height: 26px;
    width:58px;
    margin-top:6px;
    margin-bottom:0px;
    margin-left:0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-width:0px;
    font-size:12px;
	background:transparent;
    color:rgba(255,255,255,153);
}

QTabWidget#EmojiTabWdgt QTabBar::tab::selected
{
    color:white;
    background:rgba(32,32,32,1);
}

QTabWidget#EmojiTabWdgt QTabBar::scroller
{
    width:0px;
} 

QTabWidget#EmojiTabWdgt QTabBar::tear
{
    width: 0px; 
    border: none;
}