qss常用的样式表

于 2024-05-08 08:15:00 发布
阅读量313 收藏 4
点赞数 3
分类专栏： QT 文章标签： css qt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42408637/article/details/138521897
版权

一些常用控件样式表，留作备份

QPushButton

QPushButton {
        background-color: #FFFFFF;
	border: 2px solid #ADD8E6;
	border-radius: 3px;
	background-position: center center;
	color: #303030;
	width: 90px;
	min-height: 35px;
}
QPushButton#fillBtn {
	background-color: #ADD8E6;
	border: 2px solid #ADD8E6;
	border-radius: 3px;
	background-position: center center;
	color: #FFFFFF;
	width: 90px;
	min-height: 35px;
}
QPushButton#warnBtn {
	background-color: #FF0000;
	border: 2px solid #FF0000;
	border-radius: 3px;
	background-position: center center;
	color: #FFFFFF;
	width: 90px;
	min-height: 35px;
}
QPushButton:hover{
	border: none;
	color: #FFFFFF;
	background-color: #ADD8E6;
}
QPushButton:pressed{
	border: none;
	color: #FFFFFF;
	background-color: #4682B4;
}
QPushButton#fillBtn:hover{
	border: none;
	background-color: #88ADD8E6;
}
QPushButton#fillBtn:pressed{
	border: none;
	background-color: #4682B4;
}
QPushButton#warnBtn:hover{
	border: none;
	background-color: #88FF0000;
}
QPushButton#warnBtn:pressed{
	border: none;
	background-color: #CC0000;
}
QPushButton:disabled{
	color: #FFFFFF;
	background-color: #C0C0C0;
}
QPushButton:checked{
	border: none;
	color: #FFFFFF;
	background-color: #ADD8E6;
}

QComboBox

QComboBox {
    border-radius: 3px;
    border: 2px solid #ADD8E6;
    padding: 1px 1px 1px 1px;
    background-color: #ffffff;
    min-height: 30px;
    width: 90px;
}
QComboBox::drop-down {
    border: none;
}
QComboBox::down-arrow {
    width: 22px;
    height: 8px;
    image: url(:/icon/resource/icon/arrow_down.png);
    border: none;
    padding-right: 5px;
}
QComboBox:disabled {
    background: #C0C0C0;
    color: #ffffff;
}
QComboBox QAbstractItemView {
    background-color: #FFFFFF;
    border: 1px solid #ADD8E6;
    border-radius: 3px;
    outline: none;
}
QComboBox QAbstractItemView::item {
    selection-background-color: #FFFFFF;
    color: #303030;
    min-height: 30px;
    border-radius: 3px;
}
QComboBox QAbstractItemView::item:selected {
    background-color: #ADD8E6;
    color: #FFFFFF;
}
QComboBox QAbstractItemView::item:disabled {
    selection-background-color: #C0C0C0;
    color: #C0C0C0;
    min-height: 30px;
    border-radius: 3px;
}
QComboBox QScrollBar:vertical {
    width: 10px;
    background-color: transparent;
    border: none;
    border-radius: 3px;
}
QComboBox QScrollBar::handle:vertical {
    border-radius: 3px;
    width: 10px;
    background: #808080;
}
QComboBox QScrollBar::handle:vertical:hover {
    background: #ADD8E6;
}
QComboBox QScrollBar::add-line:vertical {
    border: none;
}
QComboBox QScrollBar::sub-line:vertical {
    border: none;
}

QTableWidget

QHeaderView { /*设置标题(包括垂直+水平的)*/
    font-size: 19px; 
    border: 1px solid #FFFFFF;
    min-height: 40px;
}
QHeaderView::section:horizontal {
    border: 1px solid #FFFFFF; 
    color: #023C84;
    background: #ADD8E6;
    min-width: 60px;
}
QHeaderView::section:vertical { 
    border: 1px solid #FFFFFF;
    border-bottom: 0px;
    color: #303030;
    background: #ADD8E6;
    min-width: 60px;
}
QHeaderView::section:vertical:hover, QHeaderView::section:horizontal:hover { 
    color: #FFFFFF; 
    background: #ADD8E6;
}
QHeaderView::section:vertical:pressed, QHeaderView::section:horizontal:pressed {
    color: #FFFFFF;
    background: #4682B4; 
}
QHeaderView::up-arrow { 
    width: 13px;
    height: 11px;
    padding-right: 10px;
    image: url(:/icon/resource/icon/arrow_up.png);
    subcontrol-position: center right;
}
QHeaderView::down-arrow {
    width: 13px;
    height: 11px;
    padding-right: 10px;
    image: url(:/icon/resource/icon/arrow_down.png);
    subcontrol-position: center right;
}
QTableWidget,QTableView {
    font-size: 17px;
    color: #303030;
    border: 2px solid #ADD8E6;
    gridline-color: #FFFFFF;
    text-align: center;
    outline: 0px; /*禁止焦点*/
}
QTableWidget::item, QTableView::item {
    min-height: 40px;
    margin-top: 2px;
    margin-left: 2px;
}
QTableWidget::item:selected, QTableView::item:selected { 
    background: #ADD8E6;
    color: #FFFFFF;
}
QTableView::item:alternate:!selected, QTableWidget::item:alternate:!selected {
    background: #FAFAFA;
}
QTableView::item:!alternate:!selected, QTableWidget::item:!alternate:!selected {
    background: #F0F8FF;
}
QScrollBar {
    background: #F0F0F0;
}
QScrollBar::handle:horizontal {
    background-color: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 #bbc7d0, stop:0.5 #f8fbfd, stop:1 #bbc7d0);
}
QScrollBar::handle:vertical {
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #bbc7d0, stop:0.5 #f8fbfd, stop:1 #bbc7d0);
}
QScrollBar::add-line:horizontal {
    /*background:url(/images/right.png) center no-repeat;*/
    border: 2px solid grey;
    background: #32CC99;
    width: 20px;
    subcontrol-position: right;
    subcontrol-origin: margin;
}
QScrollBar::sub-line:horizontal {
    border: 2px solid grey;
    background: #32CC99;
    width: 20px;
    subcontrol-position: left;
    subcontrol-origin: margin;
}

QTabWidget

QTabWidget::pane {
    border: 1px solid #ADD8E6;
    border-radius: 3px;
    background: transparent;
    margin-top: -1px;
}
QTabBar::close-button {
    border-image: url(:/icon/resource/icon/close.png);
}
QTabBar::close-button:hover {
    border-image: url(:/icon/resource/icon/close_h.png);
}
QTabBar::close-button:pressed {
    border-image: url(:/icon/resource/icon/close_p.png);
}
QTabBar::close-button:disabled {
    border-image: url(:/icon/resource/icon/close.png);
}
QTabWidget::tab-bar {
    alignment: left;
}
QTabBar::tab {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
QTabBar::tab:!first {
    margin-left: 2px;
}
QTabBar::tab {
    color: #303030;
    padding: 3px 8px 3px 8px;
    background: #F0F8FF;
    border: 1px solid #F0F8FF;
    border-bottom: none;
    margin-bottom: 1px;
}
QTabBar::tab:hover {
    color: #FFFFFF;
    background: rgba(41, 113, 226, 128);
    border: 1px solid #2971E2;
    border-bottom: none;
}
QTabBar::tab:selected {
    color: #FFFFFF;
    qproperty-icon: url(:/img/blue1/tab_icon.png);
    border: 1px solid rgba(125, 250, 250, 160);
    border-bottom: none;
    border-top: 1px solid #7DFAFA;
    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(125, 250, 250, 200), stop:1 rgba(9, 40, 92, 255));
    margin-bottom: 0px;
}
QTabBar::tab:disabled {
    color: rgba(255, 255, 255, 128);
    background: rgba(17, 53, 112, 128);
    border: 1px solid rgba(41, 113, 226, 128);
    border-bottom: none;
}
QTabBar QToolButton::left-arrow {
    border-image: url(:/icon/resource/icon/arrow_left_p.png);
}
QTabBar QToolButton::left-arrow:hover {
    border-image: url(:/icon/resource/icon/arrow_left_h.png);
}
QTabBar QToolButton::left-arrow:pressed {
    border-image: url(:/icon/resource/icon/arrow_left_p.png);
}
QTabBar QToolButton::left-arrow:disabled {
    border-image: url(:/icon/resource/icon/arrow_left_p.png);
}
QTabBar QToolButton::right-arrow {
    border-image: url(:/icon/resource/icon/arrow_right.png);
}
QTabBar QToolButton::right-arrow:hover {
    border-image: url(:/icon/resource/icon/arrow_right_h.png);
}
QTabBar QToolButton::right-arrow:pressed {
    border-image: url(:/icon/resource/icon/arrow_right_p.png);
}
QTabBar QToolButton::right-arrow:disabled {
    border-image: url(:/icon/resource/icon/arrow_right.png);
}

QLineEdit

QLineEdit {
    border: 1px solid #A0A0A0; /* 边框宽度为1px，颜色为#A0A0A0 */
    border-radius: 3px; /* 边框圆角 */
    padding-left: 5px; /* 文本距离左边界有5px */
    background-color: #F2F2F2; /* 背景颜色 */
    color: #A0A0A0; /* 文本颜色 */
    selection-background-color: #A0A0A0; /* 选中文本的背景颜色 */
    selection-color: #F2F2F2; /* 选中文本的颜色 */
    font-family: "Microsoft YaHei"; /* 文本字体族 */
    font-size: 20pt; /* 文本字体大小 */
}
QLineEdit:hover { /* 鼠标悬浮在QLineEdit时的状态 */
    border: 1px solid #298DFF;
    border-radius: 3px;
    background-color: #F2F2F2;
    color: #298DFF;
    selection-background-color: #298DFF;
    selection-color: #F2F2F2;
}
QLineEdit[echoMode="2"] { /* QLineEdit有输入掩码时的状态 */
    lineedit-password-character: 9679;
    lineedit-password-mask-delay: 2000;
}
QLineEdit:disabled { /* QLineEdit在禁用时的状态 */
    border: 1px solid #CDCDCD;
    background-color: #CDCDCD;
    color: #B4B4B4;
}
QLineEdit:read-only { /* QLineEdit在只读时的状态 */
    background-color: #CDCDCD;
    color: #F2F2F2;
}

QListView

QListView {
    font-size: 17px;
    color: #303030;
    border: 2px solid #ADD8E6;
    gridline-color: #FFFFFF;
    text-align: center;
    outline: 0px;
}
QListView::item {
    min-height: 40px;
    margin-top: 2px;
    margin-left: 2px;
}
QListView::item:selected {
    background: #ADD8E6;
    color: #FFFFFF;
}
QListView::item:alternate:!selected {
    background: #FAFAFA;
}
QListView::item:!alternate:!selected {
    background: #F0F8FF;
}
QListView::indicator {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background-color: transparent;
}
QListView::indicator:unchecked {
    background-color: #FFFFFF;
    border: 2px solid #ADD8E6;
}
QListView::indicator:checked {
/*    background-color: #00cc00;*/
/*    border: none;*/
    image: url(:/icon/resource/icon/checked.png);
}

QCheckBox

QCheckBox {
    background-color: transparent;
}
QCheckBox:disabled {
    background: #C0C0C0;
}
QCheckBox::indicator {
    width: 24px;
    height: 24px;
    border-radius: 3px;
}
QCheckBox::indicator:unchecked {
    background-color: #FFFFFF;
    border: 2px solid #ADD8E6;
}
QCheckBox::indicator:checked {
/*    background-color: #00cc00;
    border: none;*/
    border: 2px solid #ADD8E6;
    image: url(:/icon/resource/icon/checked.png);
}
QCheckBox::indicator:disabled {
    border: 2px solid #FFFFFF;
    background-color: #C0C0C0;
}

QRadioButton

QRadioButton
{
	background-color: #F0F8FF;
	border:2px solid #303030;
}
QRadioButton:disabled
{	
	background-color: #C0C0C0;
}
QRadioButton::indicator 
{
	width: 24px;
	height: 24px;
	border-radius: 12px;
}
QRadioButton::indicator:checked 
{
	background-color: #00CC00;
	padding: 1px 1px 1px 1px;
}
QRadioButton::indicator:unchecked 
{
	background-color: #FFFFFF;
}
QRadioButton::indicator:unchecked:disabled
{
	background-color: #C0C0C0;
}
QRadioButton::indicator:checked:disabled 
{
	background-color: #303030;
	padding: 1px 1px 1px 1px;
}
PingCora
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Qt样式表之二：QSS语法及常用样式
weixin_30900589的博客
06-17 933
一、简述 Qt样式表（以下统称QSS）的术语和语法规则几乎和CSS相同。如果你熟悉CSS，可以快速浏览以下内容。不熟悉的话可以先去W3School - CSS或者本人的CSS博客随笔简单了解一下。 在讲解样式表语法前，我们先看一个例子： /*按钮普通态*/ QPushButton { /*字体为微软雅黑*/ font-family:Microsoft Yahei; /*字体...
常用QSS样式收集
10-27
Qt样式QSS，常用QSS样式收集，网上收集而来。Qt样式QSS，常用QSS样式收集，网上收集而来。
qss样式表模板，包括了17种样式表。
03-03
qss样式表模板，包括了17种样式表。
几款比较好用的QSS样式表
06-07
详情查看:https://mp-new.csdn.net/mp_blog/creation/editor/117668754
关于QSS 看这一篇就够了！
热门推荐
HelloKandy's Blog
03-16 1万+
1、QSS介绍 自定百度。 2、QSS常用属性大全 Qss背景属性(Background) background 在一个声明中设置所有的背景属性。 background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动。 background-color 设置元素的背景颜色。 background-image 设置元素的背景图像。 background-position 设置背景图像的开始位置。 background-repeat 设置是否及如何重复背景图像。
QSS样式
Billy Jue的博客
01-16 1230
QPushButton常用样式 QPushButton { color:rgb(255,255,255); background-color:rgb(39, 100, 255); border-radius:4px; opacity: 1.0; } QPushButton:pressed { color:rgb(255, 255, 255); background-co...
QSS样式表汇总
LearnLHC的博客
09-18 1万+
目录 1、关于QPushButton的样式表 2、关于QComboBox的样式表 3、关于QSlider的样式表 4、关于QProgressBar的样式表 5、关于QMenu的样式表 6、关于QListWidget的样式表 6"、关于QListView的样式表 7、关于QTreeWidget的样式表 8、关于QGroupBox的样式表 9、关于QTabBar的样式表 10、去除表格中的虚线 11、关于QTableWidget的样式表 12、关于QScrollBar的样式表 1、关
qss样式表笔记大全(一)：qss名词解析（包含相关示例）
liujiayu2的专栏
12-03 1040
** 前话 ** qss可以说是qt版本的css，语法类似但也存在不同点，建议阅读本文档之前先直接百度以下学习qss的基本使用方式。 qss主要是用于qt对ui界面的美化。 实践方法：直接打开qmake目录下的qtdesigner，新建控件后，右键点击设置样式。 该笔记主要参考《最全Qt样式表使用说明》，学习实践以及做项目过程中重新整理笔记，最终目标为形成一套qss样式表大全，将随着时间持续更新。...
QSS样式表大合集.rar
04-11
QSS样式表大合集，基本涵盖了你能看到的所有样式表，各种精美风格都在其中......
QSS样式表素材合集.rar
03-03
这个"QSS样式表素材合集.rar"压缩包文件显然是一个专门收集QSS相关资源的集合，包含了帮助开发者更好地理解和应用QSS的材料。 在压缩包中，我们可以看到以下几个关键文件： 1. **界面调用方法.txt**：这可能是一个...
Qss三种样式
07-21
有三种比较全的样式，并且都有图片对应。在readme.txt里面的代码复制到main.cpp中即可
QSS样式表之PS黑色风格+白色风格+淡蓝色风格
05-06
QSS样式表之高仿PS黑色风格+白色风格+淡蓝色风格，个人最喜爱的淡蓝色风格，相当精美！
QSS样式表（带书签）
04-05
最全Qt样式表，带目录。现在下载多了分会自动往上涨，高了就评一下，我去改低些，太恶心人了，描述还得凑够50字，资源分享，哪那么多事
Qss样式表美化demo
12-28
qss样式表美化UIdemo
qss样式表模板，包括了17种样式表
最新发布
10-02
本资源提供的"qss样式表模板"包含17种不同的样式表，这些模板覆盖了各种常见的UI设计需求，可以极大地提高开发效率，同时让应用界面看起来更加专业和美观。 1. **基础颜色和字体样式** 这些模板可能包含了基础的...
Qss样式集合(持续更新)
云和小草 csensors.cc
04-29 8117
/* === Shared === */ QStackedWidget, QLabel, QPushButton, QRadioButton, QCheckBox, QGroupBox, QStatusBar, QToolButton, QComboBox, QDialog { background-color: #222222; color: #BBBBBB; font-
Qt的qss常用样式总结
wangshuping18的博客
02-08 5388
Qt常用的qss样式，方便快速设置界面风格
qss QGridLayout样式表
05-09
你可以使用 Qt 样式表为 QGridLayout 设置样式。 下面是一个简单的例子： ```python # 创建一个 QGridLayout 布局管理器 grid_layout = QGridLayout() # 创建一些子控件 label1 = QLabel('Label 1') label2 = ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值