当前位置: 首页 > news >正文

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;
}

http://www.dtcms.com/a/311329.html

相关文章:

  • Flask + YARA-Python*实现文件扫描功能
  • C++音视频开发:基础面试题
  • STM32 GPIO 中8种配置模式
  • 图漾AGV行业常用相机使用文档
  • 快速了解机器学习
  • 【机器学习】非线性分类算法详解(下):决策树(最佳分裂特征选择的艺术)与支持向量机(最大间隔和核技巧)
  • Python Pandas.unique函数解析与实战教程
  • mac中使用gvm install没有效果
  • 【Android】进度条ProgressBar 可拖拽进度条Seekbar
  • 云运维解决方案(word)
  • Python 入门指南:从零基础到环境搭建
  • 数字化转型-灯塔工厂建设
  • StyleX:Meta推出的高性能零运行时CSS-in-JS解决方案
  • 数字图像处理(冈萨雷斯)第三版:第一章绪论主要内容和重点——(数字图像处理的一些概念)
  • C语言数据结构(4)单链表专题2.单链表的应用
  • 什么是需量跟随
  • Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型实现道路上头盔的检测识别(C#代码,UI界面版)
  • Linux 嵌入式开发全流程
  • C语言(长期更新)第7讲:VS实用调试技巧
  • LVGL + ESP-Brookesia 在Windows下的编译和运行
  • Elasticsearch+Logstash+Filebeat+Kibana单机部署
  • 卡尔曼滤波轨迹跟踪算法与MATLAB实现
  • GitHub 趋势日报 (2025年08月01日)
  • Kubernetes Service 全面详解:从概念到实践
  • 前端Canvas实现图片水印全攻略:从基础到高级防伪技术
  • 解决mac在安装nvm过程中可能遇到的一些问题
  • 深度学习核心:卷积神经网络 - 原理、实现及在医学影像领域的应用
  • 【读论文】从Qwen3技术报告到Qwen3-30B-A3B 模型的深度解读
  • 我的世界进阶模组教程——物品(2)
  • sqli-labs:65个关卡的文章汇总