[分享]css去除滚动条两边按钮

 在CSS中，我们可以使用一些属性去掉滚动条两边的按钮。这样可以去除滚动条两侧的空白区域，让页面看起来更美观。要去掉滚动条两边的按钮，可以使用CSS的::webkitscrollbar和::webki...

 在CSS中，我们可以使用一些属性去掉滚动条两边的按钮。这样可以去除滚动条两侧的空白区域，让页面看起来更美观。
要去掉滚动条两边的按钮，可以使用CSS的::-webkit-scrollbar和::-webkit-scrollbar-button属性。代码如下：

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-button {
    display: none;
} 

其中，::-webkit-scrollbar属性设置了整个滚动条的样式，包括宽度、颜色等等。而::-webkit-scrollbar-button属性用来控制是否显示滚动条两侧的按钮。
上面的代码中，我们将::-webkit-scrollbar-button的display属性设置为none，表示不显示滚动条两侧的按钮。
需要注意的是，上面的代码只适用于WebKit浏览器，包括Chrome、Safari等等。如果你需要在其他浏览器中去除滚动条两侧的按钮，可以使用类似的CSS属性。
总之，去除滚动条两边的按钮可以让页面看起来更加美观。希望本文对你有所帮助。