用QSS自定义QComboBox下拉箭头图像遇到的问题

zbin349 2013-09-07 08:34:34

这个是我想设置的图像，15*9像素的



QComboBox::down-arrow {

    image: url(:/images/down-arrow3.png);

}

QComboBox::drop-down:!editable {

    subcontrol-origin: padding;

    subcontrol-position: center right;

    width: 15px;

    height: 9px;

    background: none;

}

这是ComboBox的QSS定制，为啥显示是这样的：

可能图片有点小看不清，我就想显示一个绿色的小三角，QSS怎么写才对呢？

...全文

1419 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

zbin349 2013-09-08

打赏
举报

引用 1 楼 u011012932 的回复:

[quote=引用楼主 zbin349 的回复:] 这个是我想设置的图像，15*9像素的
QComboBox::down-arrow {
    image: url(:/images/down-arrow3.png);
}
QComboBox::drop-down:!editable {
    subcontrol-origin: padding;
    subcontrol-position: center right;
    width: 15px;
    height: 9px;
    background: none;
}
这是ComboBox的QSS定制，为啥显示是这样的：可能图片有点小看不清，我就想显示一个绿色的小三角，QSS怎么写才对呢？

QComboBox#comboBoxTwo{ border:1px solid gray; } QComboBox#comboBoxTwo::down-arrow{ image:url(:/icon/arrowdown); } QComboBox#comboBoxTwo::drop-down{ border:none; background:transparent; }[/quote]

非常感谢！

一去丶二三里 2013-09-08

打赏
举报

引用楼主 zbin349 的回复:

这个是我想设置的图像，15*9像素的
QComboBox::down-arrow {
    image: url(:/images/down-arrow3.png);
}
QComboBox::drop-down:!editable {
    subcontrol-origin: padding;
    subcontrol-position: center right;
    width: 15px;
    height: 9px;
    background: none;
}
这是ComboBox的QSS定制，为啥显示是这样的：可能图片有点小看不清，我就想显示一个绿色的小三角，QSS怎么写才对呢？

QComboBox#comboBoxTwo{ border:1px solid gray; } QComboBox#comboBoxTwo::down-arrow{ image:url(:/icon/arrowdown); } QComboBox#comboBoxTwo::drop-down{ border:none; background:transparent; }