css - QComboBox 样式表左边距没有副作用

Question

我想在 QComboBox 外添加一个 5px 的左边距。

如何使组合框的高度和下拉按钮的外观保持不变？

没有任何边距:

QComboBox#commandComboBox  {
}

它看起来像这样:

添加左边距后:

QComboBox#commandComboBox  {
margin-left: 5px;
}

它看起来像这样:

由于某种原因，组合框的高度发生了变化。此外，现在元素 View 内容突出了组合框框架。 为了纠正第二个问题，我添加了一个左填充:

QComboBox#commandComboBox  {
margin-left: 5px;
padding-left: 5px;
}

现在元素 View 内容显示正确，但是高度仍然不正确，下拉箭头按钮向右移动，箭头本身向左移动。

它看起来像这样:

试图为箭头按钮指定负的左边距和填充，但这只会把事情搞得更糟。然后它完全失去了桌面管理器的风格，开始看起来 block 状。

想法？

Answer 1

您无需更改样式表即可添加边距。您可以在水平(或任何其他)布局内放置一个组合框，并在 Qt Designer 中为此布局设置左边距。