QSS 自定义QCheckBox

Qt Style Sheets are a powerful mechanism that allows you to customize the appearance of widgets .

---

简述

QCheckBox支持盒子模型。子控件::indicator可以定义指示器样式。默认情况下指示器在内容矩形框的左上角。属性spacing指定指示器和文本之间的间距。

效果

样式表

* {outline: none;
}QWidget {background-color: rgb(240,240,240);
}QCheckBox {spacing: 5px;color: rgb(60,60,60);font-family: "Microsoft Yahei";font-size: 11pt;
}QCheckBox::indicator {width: 24px;height: 24px;
}QCheckBox#csdnCheckBox::indicator:unchecked {image: url(:/Resources/unchecked.png);
}QCheckBox#csdnCheckBox::indicator:unchecked:hover {image: url(:/Resources/unchecked_hover.png);
}QCheckBox#csdnCheckBox::indicator:checked {image: url(:/Resources/checked.png);
}QCheckBox#oschinaCheckBox::indicator:unchecked {image: url(:/Resources/star_unchecked.png);
}QCheckBox#oschinaCheckBox::indicator:unchecked:hover {image: url(:/Resources/star_unchecked_hover.png);
}QCheckBox#oschinaCheckBox::indicator:checked {image: url(:/Resources/star_checked.png);
}

参考

参考Qt助手，如有错误，请指正，谢谢！