跳到主要內容
月牙小世界
分享
取得連結
Facebook
Twitter
Pinterest
以電子郵件傳送
其他應用程式
7月 06, 2022
如何自定义滚动条(scrollbar)
如何自定义滚动条(scrollbar)
如何把原始的scrollbar换成自己喜欢的呢?
首先打开部落格里的主题,点击小箭头选择编辑/edit html
根据上图所示搜索
]]></b:skin>
,之后把以下代码放入
]]></b:skin>
之上
::-webkit-scrollbar { height: 8px; width: 12px; background: #FFFFFF; } ::-webkit-scrollbar-thumb { background: #000000; }
形成下图👇
代码里的width是指滚动条的宽度,可以参考以下例子或者可以自行调整:
颜色也可以随意更换,根据下图指示换成想要的颜色代码就行了
美化滚动条(scrollbar)点击这里
留言
留言
張貼留言