QTabWidget的样式

子建莫敌

已于 2022-05-01 09:38:26 修改

阅读量3.4k

点赞数

分类专栏： Qt 文章标签： QTabWidget qss

于 2020-11-30 13:55:27 首次发布

本文链接：https://blog.csdn.net/u013015629/article/details/105860485

版权

本文详细介绍了如何使用QSS来定制QTabWidget的各个部分，包括Tab标签的边框、背景色、圆角、鼠标悬停效果、选中状态、未选中状态以及关闭按钮的样式。通过这些设置，可以实现美观且个性化的QTabWidget界面。

摘要由CSDN通过智能技术生成

Tab标签所在行的样式

QTabWidget::tab-bar {
    alignment:left;
    top:3px;
    left:5px;
    right:5px;
}

设置QTabWidget 的Tab标签下面窗格的样式

QTabWidget#tabwidget_DevMang::pane {
border-top: 3px solid black;
border-left: 3px solid black;
background-color: green;
left:5px;
right:5px;
bottom:5px;
}

3.设置QTabWidget 的Tab标签的样式
QTabWidget#tabwidget_DevMang QTabBar::tab {
border-color: black;
border-width: 3px;
border-bottom:none;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
background:transparent;
color:black;
min-width:30ex;
min-height:10ex;
}
4.设置QTabWidget 的Tab标签在未选中下的鼠标悬停样式
QTabWidget#tabwidget_DevMang>QTabBar::tab:!selected:hover{
width:100px;
height:24px;
border:3px solid #C589C3;
background:rgb(255, 255, 255, 100);
bo