注释只为解释,qss语法并不能直接这样写,美化控件时,下面的所有选项并不需要全部进行设置,自行选择
一、QCheckBox
QCheckBox
{
spacing: 5px;
}
QCheckBox::indicator//指示器子控件
{
width: 13px;
height: 13px;
}
QCheckBox::indicator:unchecked //指示器未选上
{
image: url(:/images/checkbox_unchecked.png);
}
QCheckBox::indicator:unchecked:hover //鼠标放上的状态
{
image: url(:/images/checkbox_unchecked_hover.png);
}
QCheckBox::indicator:unchecked:pressed //鼠标按下的状态
{
image: url(:/images/checkbox_unchecked_pressed.png);
}
QCheckBox::indicator:checked {
image: url(:/images/checkbox_checked.png);
}
QCheckBox::indicator:checked:hover {
image: url(:/images/checkbox_checked_hover.png);
}
QCheckBox::indicator:checked:pressed {
image: url(:/images/checkbox_checked_pressed.png);
}
QCheckBox::indicator:indeterminate:hover //指示器的不确定状态,只是视觉上的状态,真正的值只有两种
{
image: url(:/images/checkbox_indeterminate_hover.png);
}
QCheckBox::indicator:indeterminate:pressed
{
image: url(:/images/checkbox_indeterminate_pressed.png);
}