css，滚动条能修改它的宽度吗？

html-css021

css，滚动条能修改它的宽度吗？,第1张

你好，这是不能，css只有ie的专有属性，仅仅能改变滚动条颜色，在其他内核浏览器下无效

要做到宽度改变的话，只有用js模拟浏览器滚动条。(js模拟滚动条请自行百度)，我们只能修改网页的属性，那是浏览器，我们没有办法去修改。

/* 设置滚动条的样式 */

::-webkit-scrollbar {

width:12px

}

/* 滚动槽 */

::-webkit-scrollbar-track {

-webkit-box-shadow:inset006pxrgba(0,0,0,0.3)

border-radius:10px

}

/* 滚动条滑块 */

::-webkit-scrollbar-thumb {

border-radius:10px

background:rgba(0,0,0,0.1)

-webkit-box-shadow:inset006pxrgba(0,0,0,0.5)

}

::-webkit-scrollbar-thumb:window-inactive {

background:rgba(255,0,0,0.4)}