首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >QCombobox向下箭头图像

QCombobox向下箭头图像
EN

Stack Overflow用户
提问于 2012-07-14 23:02:32
回答 2查看 15.5K关注 0票数 4

如何更改Qcombobox向下箭头图像?现在我正在使用这个QSS代码,但这不起作用,我不能删除向下箭头边框。

代码语言:javascript
复制
QComboBox
{
    border: 0px;
}

QComboBox::down-arrow
{   
    border: 0px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image-width: 50px;
    border-image: url(./select-BG.png);
    heidth:50px;
    width:100px;
}

截图如下:

EN

回答 2

Stack Overflow用户

发布于 2015-12-09 16:49:04

这是一个相当晚的答案,但我想我在Qt论坛的某个地方找到了解决方案。

当将边框设置为0px时,组合框箭头的整个样式似乎都被替换了。因此,我使用QComboBox::drop-down将边框设置为0x,然后使用QComboBox::down-arrow定义自定义箭头。下面的代码显示了对一个奇怪的bug的额外修复,在这个bug中,人们无法正确地更改文本的color属性。

代码语言:javascript
复制
QComboBox {
    color: black;
    font: 14px;
    padding: 1px 0px 1px 3px; /* This (useless) line resolves a bug with the font color */
}

QComboBox:focus {
    color: red;
}

QComboBox::drop-down 
{
    border: 0px; /* This seems to replace the whole arrow of the combo box */
}

/* Define a new custom arrow icon for the combo box */
QComboBox::down-arrow {
    image: url(Resources/DropDownArrow.png);
    width: 14px;
    height: 14px;
}

我希望有人可以使用这个信息,并让它工作:-)

票数 8
EN

Stack Overflow用户

发布于 2012-07-15 06:22:31

箭头位于其样式由::drop-down子控件控制的按钮上。因此,要删除边框,您可以使用:

代码语言:javascript
复制
QComboBox::drop-down 
{
    border: 0px;
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11484776

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档