注释只为解释,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);
}
版权声明:本文为baidu_31541363原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。