如何更改桌面显示器上滚动条的布局，如平板电脑和手机上所示？

Question

我需要在移动设备和平板电脑模式下设计滚动条（更好的设计），以在所有桌面浏览器监视器中激活。

桌面模式下的滚动条使设计变得丑陋。

可以做到？

没有插件请

这是我的CSS代码：

aside {
    overflow: hidden auto;
    height: 80vh;
}

在图像中，当检测到用户代理其平板电脑或移动设备时，浏览器会加载滚动条，设计精美。

我随时都需要滚动条来加载。不需要javascript或css，因为浏览器会根据设备改变它。让我明白一下？

注意：抱歉我的英语很差。

Answer 1

::-webkit-scrollbar在 CSS 中使用
Firefox 不支持此功能，请尝试使用SmoothScrollbarJs for firefox

::-webkit-滚动条 {
  宽度：10px；
}

/* 追踪 */
::-webkit-scrollbar-track {
  背景：#f1f1f1；
}

/* 处理 */
::-webkit-scrollbar-thumb {
  背景：#888；
}

/* 悬停处理 */
::-webkit-scrollbar-thumb:悬停{
  背景：#555；
}

直接从w3schools复制过来