滚动条样式设置

ym0913

于 2019-06-26 13:56:53 发布

阅读量698

点赞数

CC 4.0 BY-SA版权

分类专栏：前端layui

本文链接：https://blog.csdn.net/weixin_38424794/article/details/93734850

前端layui 专栏收录该内容

8 篇文章

订阅专栏

操作对象是页面中的calss=layui-field-box的元素

          .layui-field-box{
			  height:630px;
			  overflow:auto;
			 }
			 .layui-field-box::-webkit-scrollbar-thumb{
			 border-radius: 10px;
		    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
		     background-color:#DEDEDE;
			 }
			 .layui-field-box::-webkit-scrollbar
			{
			    width: 7px;
			    max-height: 2px;
			    background-color:white;
			}
			
			.layui-field-box::-webkit-scrollbar-track
			{
			    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
			    border-radius: 10px;
			    background-color: #F5F5F5;
			}