设置QTabWidget以仅在选项卡小部件*上添加底部边框*的样式不起作用

时间:2013-04-26 16:30:42

标签: qt

我正在尝试设置QTabWidget的样式以修改选项卡的外观,并在底部添加蓝色边框。

当我为border-bottom设置QWidget样式时,每个小部件上都会出现一个蓝色边框 - 包括我想要的那个,QTabWidget,但还包括所有其他小部件,这是我不想要的。见这个截图:

enter image description here

这似乎很有希望,因为似乎我需要做的就是为bottom-border而不是QTabWidget设置QWidget。但是,这不起作用,如截图所示:

enter image description here

这是我的完整样式表 - 它在Qt Designer中的QTabWidget上设置:

QTabWidget {
border-bottom: 3px solid #3233ff;
}

QTabBar::tab:selected {
border-left: 1px solid #1c1515;
padding-left: 10px;
border-right: 1px solid #1c1515;
padding-right: 10px;
border-bottom: 1px solid #1c1515;
border-top: 1px solid #a0a0a0;
background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #ededed, stop: 0.7 #9898ff,
                                 stop: 0.9 #7e7fff, stop: 1.0 #3233ff);
 }

QTabBar::tab:!selected {
border-left: 1px solid #1c1515;
padding-left: 10px;
border-right: 1px solid #1c1515;
padding-right: 10px;
border-bottom: 1px solid #1c1515;
border-top: 1px solid #a0a0a0;
margin-bottom: 2px;
background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #e0e0e0, stop: 0.4 #dbdbdb,
                                 stop: 0.5 #d3d3d3, stop: 1.0 #cfcfcf);
 }

我必须做些什么才能显示蓝色底部边框 - 但仅限于QTabWidget?

1 个答案:

答案 0 :(得分:1)

使用正确的选择器:QTabWidget :: pane