【QT】QSS美化——Buttons篇

最新推荐文章于 2025-04-26 14:58:10 发布

Jason~shen

最新推荐文章于 2025-04-26 14:58:10 发布

阅读量1w

点赞数 11

分类专栏： QT学习之路

本文链接：https://blog.csdn.net/qq_40602000/article/details/104655119

版权

QT学习之路同时被 2 个专栏收录

66 篇文章

订阅专栏

20 篇文章

订阅专栏

1、QPushButton

QPushButton
{
	background-color: #473C8B; /*背景色*/ 
	border-style: outset;
	border-width: 2px;
	border-radius:5px; /*边界圆滑*/
	border-color: #8B7355;
	font: bold 14px;
	min-width:2em;
	color:white; /*字体颜色*/
	font-family:华文新魏;
	padding: 5px;
}

QPushButton:hover
{
	background-color: rgb(0, 150, 0);
}

QPushButton:pressed
{
	background-color: #1E90FF; /*伪状态经过时背景色*/ 
	border-style: inset;
}
QPushButton:!enabled{
	background-color: rgb(100, 100, 100);
	border-style: inset;
}

2、QToolButton

QToolButton{
	font:13px;
	color: rgb(85, 255, 0);
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:rgba(171,214,255,30);
	padding:8px;
}
QToolButton:hover,QToolButton:presse{
	background:#067DB8;
	color: rgb(255, 255, 255);
}
QToolButton:checked{
	color:#FFFFFF;
	border-style:solid;
	border-width:0px 4px 0px 0px;
	border-color:#00B7DE;
	padding:8px 4px 8px 8px;
	background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #00326B,stop:1 #00346D);
}

3、QCheckBox

QCheckBox{
        spacing: 5px;  /*勾选框与文字描述间的距离*/
	font-family:Consolas;
	font-size:16px;
	border-radius:2px;
}
QCheckBox:enabled{
        color: rgb(175, 175, 175);
}
QCheckBox:enabled:hover{
        color: rgb(200, 200, 200);
}
QCheckBox:!enabled{
        color: rgb(155, 155, 155);
}
QCheckBox::indicator {  /*修改宽度和高度*/
        width: 20px; 
        height: 20px;
}

4、QRadioButton

QRadioButton{
        spacing: 5px;
}
QRadioButton:enabled{
	color: rgb(0, 255, 127);
}
QRadioButton:enabled:hover{
        color: rgb(200, 200, 200);
}
QRadioButton:!enabled{
        color: rgb(155, 155, 155);
}
QRadioButton::indicator {
        width: 20px;
        height: 20px;
}

待完善！