§ ITPOW >> 文档 >> CSS

作者：vkvi 来源：ITPOW（原创） 日期：2019-9-17

以下代码在 Chrome 中有效，在 Edge、Firefox 中无效，此效果为改变滚动条样式，去掉了两端箭头，将滑块变细变弧，使其看起来没那么厚重。

@media screen and (-webkit-max-device-pixel-ratio: 1) { html::-webkit-scrollbar { width: 10px; background-color: #f0f0f0; } html::-webkit-scrollbar-track { width: 10px; background-color: #f0f0f0; } html::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #cecece; -webkit-transition: .4s; transition: .4s; } html::-webkit-scrollbar-thumb:hover { background-color: #a7a7a7; } }

其中 -webkit-max-device-pixel-ratio:1 决定了电脑显示器有效，手机中无效。