【QT】QSS美化——Buttons篇
Buttons篇QSS美化QPushButton、QToolButton、QCheckBox、QRadioButton
·
目录
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;
}
待完善!
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
已为社区贡献1条内容
所有评论(0)