QT5.12.8 QTabWidget 透明样式QSS
/* 设置QTabWidget本身 :不加也行*/
QTabWidget#aaa_tabwdt {background: transparent;border: none; /* 移除边框可能有助于透明效果 */
}/* 标签页内的容器部件 :必须加,标签也才会透明 */
QTabWidget#aaa_tabwdt QWidget,
QTabWidget#aaa_tabwdt QFrame {background: transparent;border: none;
}/* 标签页内容区域 : 必须加,标签也才会透明 */
QTabWidget#aaa_tabwdt::pane {background-color: rgba(255, 255, 255, 80);border: 1px solid rgba(0, 0, 0, 20);border-radius: 0 6px 6px 6px;margin-top: -1px;
}/* 设置标签栏 :不加也行*/
QTabWidget#aaa_tabwdt > QTabBar {background: transparent;border: none; /* 移除边框可能有助于透明效果 */font: 28pt "宋体";color: rgb(14, 254, 255);
}/* 标签按钮样式 : 必须加*/
QTabWidget#aaa_tabwdt QTabBar::tab {background: rgba(255, 255, 255, 30); /* 半透明白色 */border: 1px solid #ccc;padding: 5px 15px;border-radius: 4px;font: 28pt "宋体";color: rgb(14, 254, 255);border: none; /* 移除边框可能有助于透明效果 */
}/* 选中标签按钮的样式 : 必须加*/
QTabWidget#aaa_tabwdt QTabBar::tab:selected {background: rgba(255, 255, 255, 50); /* 选中时稍不透明 */font: 28pt "宋体";color: rgb(14, 254, 255);
}/* 鼠标悬浮在标签按钮的样式:只要鼠标放在标签上,无论这个标签是不是当前激活的选中状态,都会应用该样式 : 必须加*/
QTabWidget#aaa_tabwdt QTabBar::tab:hover {background: rgba(255, 255, 255, 70); /* 轻微高亮 */
}
/* 悬停的标签:仅匹配处于鼠标悬停状态且未被选中的标签 : 必须加*/
QTabWidget#aaa_tabwdt QTabBar::tab:hover:!selected {background-color: rgba(255, 255, 35, 80);
}
其他:仅附录,不用管
/* 设置QTabWidget本身 */
QTabWidget#aaa_tabwdt {background: transparent;border: none; /* 移除边框可能有助于透明效果 */font: 28pt "宋体";color: rgb(14, 254, 255);
}
/* 标签页容器(QStackedWidget) */
QTabWidget#aaa_tabwdt > QStackedWidget {background: transparent;border: none;
}
/* 标签页容器(Qt 5.12 专用选择器) */
QTabWidget#aaa_tabwdt QWidget#qt_tabwidget_stackedwidget {background: transparent;border: none;
}/* 标签页内容 */
QTabWidget#aaa_tabwdt QWidget[objectName^="page"] {background: transparent;
}/* 标签页内的容器部件 */
QTabWidget#aaa_tabwdt QWidget,
QTabWidget#aaa_tabwdt QFrame {background: transparent;border: none;
}
/* 设置QTabWidget的页面容器 */
QTabWidget#aaa_tabwdt > QWidget > QWidget {background: transparent;font: 28pt "宋体";color: rgb(14, 254, 255);
}/* 设置标签栏 */
QTabWidget#aaa_tabwdt > QTabBar {background: transparent;border: rgb(255, 255, 255); /* 移除边框可能有助于透明效果 */font: 28pt "宋体";color: rgb(14, 254, 255);
}/* 标签按钮样式 */
QTabWidget#aaa_tabwdt QTabBar::tab {background: rgba(255, 255, 255, 30); /* 半透明白色 */border: 1px solid #ccc;padding: 5px 15px;border-radius: 4px;font: 28pt "宋体";color: rgb(14, 254, 255);
}/* 选中标签按钮的样式 */
QTabWidget#aaa_tabwdt QTabBar::tab:selected {background: rgba(255, 255, 255, 50); /* 选中时稍不透明 */font: 28pt "宋体";color: rgb(14, 254, 255);
}/* 鼠标悬浮在标签按钮的样式 */
QTabWidget#aaa_tabwdt QTabBar::tab:hover {background: rgba(255, 255, 255, 70); /* 轻微高亮 */
}/* 标签页内容区域 */
QTabWidget#aaa_tabwdt::pane {background-color: rgba(255, 255, 255, 80);border: 1px solid rgba(0, 0, 0, 20);border-radius: 0 6px 6px 6px;margin-top: -1px;
}