如何移除QScrollBar滚动按钮？样式表仅隐藏箭头的问题求助

我懂你现在的困扰——你之前的样式表只隐藏了箭头图标，但那些末端的按钮容器还留在那儿，完全达不到“无末端指示器”的效果对吧？其实要彻底移除这些按钮，我们得直接针对按钮的容器（而不只是箭头元素）做样式调整，把它们的尺寸缩到0，同时让滑块能占满整个滚动条的可用空间。

下面是完整的解决方案，分垂直和水平滚动条分别处理：

/* 垂直滚动条：彻底移除上下按钮 */
QScrollBar:vertical {
    width: 12px; /* 可根据需求调整滚动条宽度 */
    background: #f0f0f0; /* 滚动条背景色，可选 */
}

QScrollBar::handle:vertical {
    background: #888; /* 滑块颜色 */
    border-radius: 6px; /* 滑块圆角效果，可选 */
    margin: 0px; /* 移除边距，让滑块占满垂直方向的全部空间 */
}

QScrollBar::up-button:vertical, QScrollBar::down-button:vertical {
    height: 0px; /* 核心：把按钮容器高度设为0，彻底移除 */
    border: none;
    background: none;
}

QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {
    border: none;
    background: none;
    color: none;
}

/* 水平滚动条：彻底移除左右按钮 */
QScrollBar:horizontal {
    height: 12px; /* 可根据需求调整滚动条高度 */
    background: #f0f0f0; /* 滚动条背景色，可选 */
}

QScrollBar::handle:horizontal {
    background: #888; /* 滑块颜色 */
    border-radius: 6px; /* 滑块圆角效果，可选 */
    margin: 0px; /* 移除边距，让滑块占满水平方向的全部空间 */
}

QScrollBar::left-button:horizontal, QScrollBar::right-button:horizontal {
    width: 0px; /* 核心：把按钮容器宽度设为0，彻底移除 */
    border: none;
    background: none;
}

QScrollBar::left-arrow:horizontal, QScrollBar::right-arrow:horizontal {
    border: none;
    background: none;
    color: none;
}

关键说明： #

1. 之前的代码只处理了箭头（up-arrow/down-arrow），但按钮容器（up-button/down-button）还占据着空间，所以必须把它们的height（垂直）或width（水平）设为0，才能彻底移除这些按钮区域。
2. 设置滑块的margin: 0px是为了让滑块能填满滚动条的整个长度，不会因为原来的按钮区域留下空白。
3. 你可以根据自己的UI风格，调整滚动条宽度/高度、背景色、滑块颜色和圆角这些参数。

内容的提问来源于stack exchange，提问作者Rubina