中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

怎么在CSS3中改變瀏覽器滾動條樣式

發布時間:2021-05-26 10:32:35 來源:億速云 閱讀:279 作者:Leah 欄目:web開發

今天就跟大家聊聊有關怎么在CSS3中改變瀏覽器滾動條樣式,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結了以下內容,希望大家根據這篇文章可以有所收獲。

注:該方法只適用于 -webkit- 內核瀏覽器

瀏覽器滾動條太寬,太丑,影響日常開發怎么辦,改TA

滾動條外觀由2部分組成:1.滾動條整體滑軌 2.滾動條滑軌內滑塊

在CSS中滾動條由3部分組成

name::-webkit-scrollbar //滾動條整體樣式

name::-webkit-scrollbar-track //滾動條滑軌

name::-webkit-scrollbar-thumb //滾動條內部滑塊

注:以上3個均為偽類,請將name更改為需要改變的元素名稱

例如:改變整體頁面的滾動條樣式

body::-webkit-scrollbar{ //先改變body的滾動條寬度

width: 8px;

}

body::-webkit-scrollbar-track{//再改變body的滾動條軌道顏色

background: rgb(200, 200, 200);

border-radius: 5px;

}

body::-webkit-scrollbar-thumb{//最后改變body的滾動條滑軌相關的樣式

background: rgb(120, 120, 120);

border-radius: 5px;

}

◆ 右側為上部代碼更改后的滾動條樣式

◆ 可在樣式中添加背景、透明度,邊框,圓角等屬性,使瀏覽器更美觀

看完上述內容,你們對怎么在CSS3中改變瀏覽器滾動條樣式有進一步的了解嗎?如果還想了解更多知識或者相關內容,請關注億速云行業資訊頻道,感謝大家的支持。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

哈尔滨市| 平泉县| 高雄市| 阿克苏市| 万宁市| 丰台区| 泊头市| 鄂托克旗| 砀山县| 仪征市| 海宁市| 买车| 大姚县| 简阳市| 旌德县| 呼和浩特市| 那曲县| 文成县| 拉萨市| 扎兰屯市| 临汾市| 英德市| 克拉玛依市| 安陆市| 游戏| 沭阳县| 南漳县| 达日县| 合肥市| 登封市| 丰都县| 永仁县| 墨脱县| 理塘县| 赤水市| 郁南县| 康定县| 射洪县| 闽侯县| 平陆县| 永德县|