最近使用pyqt5做桌面程序,使用QTabWidget控件时,tab页面有边框显示,但是项目设计图上要求没有边框,所以要更改默认样式。一开始没找到相应修改的名称,后来查阅文档,了解了关于QTabWidget的样式名称,记录如下:
#基本的设置
QTabBar::tab{
border-bottom-color: rgb(126,159,192);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
max-width: 150px;
min-width:150px;
min-height:25px;
font:14px;
padding: 0 0 0 0;
}
#最左边标签未选中时显示
QTabBar::tab:first:!selected {
margin-left: 30;
margin-right: 0;
border-image: url(:/icons/frame/2.png);
}
#最左边标签被选中
QTabBar::tab:first:selected {
margin-left: 30;
margin-right: 0;
border-image: url(:/icons/frame/1.png);
}
#中间标签未选中时显示
QTabBar::tab:middle:!selected{
margin-top: 0;
margin-left: -30;
margin-right: 15;
border-image: url(:/icons/frame/2.png);
}
#中间标签被选中
QTabBar::tab:middle:selected {
margin-top: 0;
margin-left: -30;
margin-right: 15;
border-image: url(:/icons/frame/1.png);
}
#最左边标签未选中时显示
QTabBar::tab:last:!selected {
margin-top: 0;
margin-left: -30;
margin-right: 15;
border-image: url(:/icons/frame/2.png);
}
#最左边标签被选中
QTabBar::tab:last:selected {
margin-top: 0;
margin-left: -30;
margin-right: 15;
border-image: url(:/icons/frame/1.png);
}
#tab标签显示
QTabWidget::tab-bar {
alignment: center;
}
#tabwidget去除默认边框
QTabWidget::pane{
border:none;
}