CSS:：-webkit滚动条禁用双按钮

当通过：：-webkit滚动条选择器为CSS中的滚动条使用自定义样式时，根据目标元素的显示属性，可以获得单个按钮或双按钮

请参见下面的示例，其中显示了具有display:flex和display:block的元素的不同行为

身体 { 背景：111人； 颜色：白色； } .包装纸 { 高度：150像素； 溢出y：滚动； 背景：333人； 显示器：flex； 填充：10px； } .wrapper>div { 高度：300px； } .custom scrollbar:：-webkit scrollbar { 宽度：16px； 高度：16px； } .自定义滚动条：：-webkit滚动条轨迹条 { 背景色：444； } .custom scrollbar:：-webkit scrollbar thumb { 背景：555人； } .custom scrollbar:：-webkit scrollbar按钮 { 背景：666人； } .custom scrollbar:：-webkit scrollbar按钮：垂直：递减， .custom scrollbar:：-webkit scrollbar按钮：垂直：增量， .自定义滚动条：：-webkit滚动条按钮：水平：递减， .自定义滚动条：：-webkit滚动条按钮：水平：增量 { 边框：1px000； } .自定义滚动条：：-webkit滚动条按钮：单个按钮：垂直：递减， .自定义滚动条：：-webkit滚动条按钮：单个按钮：垂直：增量， .自定义滚动条：：-webkit滚动条按钮：单个按钮：水平：递减， .custom scrollbar:：-webkit scrollbar按钮：单个按钮：水平：增量 { 背景：AAA } 设备：Win10 浏览器：Chrome 目标：不带双按钮的自定义样式滚动条，无论显示属性如何。 问题：如何完全禁用双按钮？ 显示器：flex 滚动条：自定义 双按钮：可见=坏 显示：块 滚动条：自定义 双按钮：不可见=良好 显示器：flex 滚动条：默认值 双按钮：不可见=良好 显示：块 滚动条：默认值 双按钮：不可见=良好 要禁用双按钮，请使用：

---

要取消双按钮，请使用以下命令：

::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement,
::-webkit-scrollbar-button:horizontal:start:increment, 
::-webkit-scrollbar-button:horizontal:end:decrement 
{
    display: none;
}

请注意，在本例中，我们不需要触摸其他四个类似的伪选择器：

::-webkit-scrollbar-button:vertical:start:decrement,
::-webkit-scrollbar-button:vertical:end:increment,
::-webkit-scrollbar-button:horizontal:start:decrement, 
::-webkit-scrollbar-button:horizontal:end:increment 

因此，不要被包括这些的其他答案所迷惑

::-webkit-scrollbar-button:vertical:start:decrement,
::-webkit-scrollbar-button:vertical:end:increment,
::-webkit-scrollbar-button:horizontal:start:decrement, 
::-webkit-scrollbar-button:horizontal:end:increment