编程教育资源分享平台

网站首页 > 后端开发 正文

滚动条的边角 #css

luoriw 2024-02-01 14:28:28 后端开发 13 ℃ 0 评论

滚动条的边角。

最近我朋友问我,他说他使用CSS自定义的滚动条,当x轴和y轴都出现滚动条的时候,它的右下角有个缺口是白色的缺口,挺难看的。他说他想把这玩意染成绿色的,问我有没有办法。

·我就先去看了一下系统自带的滚动条,把它放开看一下,你会发现系统自带的滚动条右下角的缺口是和盒子的背景的主色是一个色系,都是这种灰色。因为是外层盒子的滚动条,所以它跟随外层盒子的背景色是同样的颜色。

·然后我就去看了一下文档,发现这一个缺口的地方是可以设置的,这个缺口学名叫做边角,也就是滚动条的边角。

·然后我们看第三个案例,你会发现第三个盒子的右下角有一块绿色的部分,这个绿色的部分就是滚动条的边角部分。

·然后看一下是怎么设置的,是通过web kit scuba corner对这个伪元素进行设置背景色,就可以去修改这个边角的颜色。

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表
最新留言