博客

注释只为解释，qss语法并不能直接这样写，美化控件时，下面的所有选项并不需要全部进行设置，自行选择

一、QMenu

QMenu
{
    background-color: white;//背景颜色
    margin: 2px; //菜单与周围部件距离
}

QMenu::item 
{
    padding: 2px 25px 2px 20px;//菜单子项中内容与边框的距离
    border: 1px solid transparent; 边框样式
}

QMenu::item:selected //菜单选中项
{
    border-color: darkblue;//边框颜色
    background: rgba(100, 100, 100, 150);//背景颜色
}

QMenu::icon:checked 
{ 
//菜单中被选中子项的图标   
 background: gray;
    border: 1px inset gray;
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
}

QMenu::separator //菜单分隔符
{
    height: 2px;
    background: lightblue;
    margin-left: 10px;
    margin-right: 5px;
}

QMenu::indicator { //菜单指示器
    width: 13px;
    height: 13px;
}

/* non-exclusive indicator = check box style indicator (see QActionGroup::setExclusive) */
QMenu::indicator:non-exclusive:unchecked {//未加入互斥的菜单指示器的未check状态，下同
    image: url(:/images/checkbox_unchecked.png);
}

QMenu::indicator:non-exclusive:unchecked:selected {//选中
    image: url(:/images/checkbox_unchecked_hover.png);
}

QMenu::indicator:non-exclusive:checked {
    image: url(:/images/checkbox_checked.png);
}

QMenu::indicator:non-exclusive:checked:selected {
    image: url(:/images/checkbox_checked_hover.png);
}


QMenu::indicator:exclusive:unchecked {//互斥的指示器状态，下同
    image: url(:/images/radiobutton_unchecked.png);
}

QMenu::indicator:exclusive:unchecked:selected {
    image: url(:/images/radiobutton_unchecked_hover.png);
}

QMenu::indicator:exclusive:checked {
    image: url(:/images/radiobutton_checked.png);
}

QMenu::indicator:exclusive:checked:selected {
    image: url(:/images/radiobutton_checked_hover.png);
}