css设置滚动条宽度设置

html-css038

css设置滚动条宽度设置,第1张

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

::-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)}

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

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

/* 设置滚动条的样式 */::-webkit-scrollbar { width: 12px}

/* 滚动槽 */::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3)border-radius: 10px}

/* 滚动条滑块 */::-webkit-scrollbar-thumb { border-radius: 10pxbackground: rgba(0,0,0,0.1)

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5)}

::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4)}