css3如何?自訂捲軸樣式？（代碼）

本篇文章給大家帶來的內容是關於css3如何?自訂捲軸樣式？（代碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所協助。

CSS3自訂捲軸樣式
捲軸組成
::-webkit-scrollbar 捲軸整體部分
::-webkit-scrollbar-thumb 捲軸滑塊
::-webkit-scrollbar-track 捲軸滑動軌道
::-webkit-scrollbar-button 捲軸兩端按鈕
::-webkit-scrollbar-track-piect 捲軸整體減去滑塊部分

css代碼如下：

.content{    over-flow:auto;}.content::-webkit-scrollbar{     width:4px;     設定軌道寬度}.content::-webkit-scrollbar-thumb{             border-radius: 10px;    background-color: #333;    -webkit-box-shadow:inset(0px,0px,5px,#555);}.content::-webkit-scrollbar-track{    border-radius:10px;    background-color:#999;   -webkit-box-shadow:inset(0px,0px,5px,#555);}