<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <title>scrollbar-face-color_CSS----hongyy</title> <style> p{ overflow:scroll; width:500px; height:200px; margin-top:20px; } /*// 一、必须增加,设置滚动条样式*/ ::-webkit-scrollbar { width: 10px; height: 10px; } /*// 二、置底的滑动槽,可以选择不写,默认*/ ::-webkit-scrollbar-track { border-radius: 10px; background-color: #ccc; } /*//三、滚动条滑块和第一条必须书写,不写的话,无法实现*/ ::-webkit-scrollbar-thumb { border-radius: 10px; background-color: pink; } </style> </head> <body> <p class="test">自定义滚动条3D表面的(threedface)的外观颜色。 你将在IE浏览器下看到滚动条的3D表面的(threedface)自定义滚动条3D表面的(threedface)的外观颜色。 你将在IE浏览器下看到滚动条的3D表面的(threedface)自定义滚动条3D表面的(threedface)的外观颜色。 你将在IE浏览器下看到滚动条的3D表面的(threedface)自定义滚动条3D表面的(threedface)的外观颜色。 你将在IE浏览器下看到滚动条的3D表面的(threedface)自定义滚动条3D表面的(threedface)的外观颜色。 你将在IE浏览器下看到滚动条的3D表面的(threedface)自定义滚动条3D表面的(threedface)的外观颜色。 你将在IE浏览器下看到滚动条的3D表面的(threedface)自定义滚动条3D表面的(threedface)的外观颜色。 你将在IE浏览器下看到滚动条的3D表面的(threedface)自定义滚动条3D表面的(threedface)的外观颜色。 你将在IE浏览器下看到滚动条的3D表面的(threedface)自定义滚动条3D表面的(threedface)的外观颜色。 你将在IE浏览器下看到滚动条的3D表面的(threedface)自定义滚动条3D表面的(threedface)的外观颜色。 你将在IE浏览器下看到滚动条的3D表面的(threedface)自定义滚动条3D表面的(threedface)的外观颜色。 你将在IE浏览器下看到滚动条的3D表面的(threedface)自定义滚动条3D表面的(threedface)的外观颜色。 你将在IE浏览器下看到滚动条的3D表面的(threedface)自定义滚动条3D表面的(threedface)的外观颜色。 你将在IE浏览器下看到滚动条的3D表面的(threedface)</p> </body> </html>
以上是CSS自定义滚动条scrollbar-face-color的实例案例分享的详细内容。更多信息请关注PHP中文网其他相关文章!