小編給大家分享一下css如何隱藏滾動條或更改滾動條樣式，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
隱藏滾動條或更改滾動條樣式
/*css主要部分的樣式*/
/*定義滾動條寬高及背景，寬高分別對應橫豎滾動條的尺寸*/
::-webkit-scrollbar {
width: 10px; /*對垂直流動條有效*/
height: 10px; /*對水平流動條有效*/
}
/*定義滾動條的軌道顏色、內陰影及圓角*/
::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: rosybrown;
border-radius: 3px;
}
/*定義滑塊顏色、內陰影及圓角*/
::-webkit-scrollbar-thumb{
border-radius: 7px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #E8E8E8;
}
/*定義兩端按鈕的樣式*/
::-webkit-scrollbar-button {
background-color:cyan;
}
/*定義右下角匯合處的樣式*/
::-webkit-scrollbar-corner {
background:khaki;
}以上是“css如何隱藏滾動條或更改滾動條樣式”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
