qt-qss之QCheckbox样式

一、前言

QSlider样式

二、环境

qt5.7

window8

三、正文

效果：

 

 

 qss：

QCheckBox{
	border: none;/*最外层边框*/
}
QCheckBox::indicator{/*选择框尺寸*/
    background-color: rgba(255, 255, 255, 0);
    border: 0px solid #b1b1b1;
	width: 30px;
	height: 30px;
}
QCheckBox:enabled:checked{
	color: rgb(255, 255, 255);
}
QCheckBox:enabled:!checked{
	color: rgb(255, 255, 255);
}
QCheckBox:enabled:hover{
 	color: rgb(0, 200, 0);
}
QCheckBox:!enabled{
	color: rgb(80, 80, 80);
}

QCheckBox::indicator:unchecked {
        image: url(:/pic/1441292778_351283.png);
}
QCheckBox::indicator:unchecked:hover {
        image: url(:/pic/1441292778_351283.png);
}
QCheckBox::indicator:unchecked:pressed {
        image: url(:/pic/1441292778_351283.png);
}
QCheckBox::indicator:checked {
        image: url(:/pic/1441292784_170770.png);
}
QCheckBox::indicator:checked:hover {
        image: url(:/pic/1441292784_170770.png);
}
QCheckBox::indicator:checked:pressed {
        image: url(:/pic/1441292784_170770.png);
}

四、结语

over