图片，DIV内设置成黑白色；手机端滚动条不显示问题，手动写滚动条

最新推荐文章于 2023-06-05 17:19:19 发布

Do_It_Better

最新推荐文章于 2023-06-05 17:19:19 发布

阅读量458

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS要点

本文链接：https://blog.youkuaiyun.com/chose_DoIt/article/details/90699606

CSS要点专栏收录该内容

9 篇文章

订阅专栏

博客主要围绕DIV内背景色设置为白色，以及手机端滚动条不显示的问题展开，提出手动编写滚动条的解决办法，聚焦于前端页面的样式和交互设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//黑白样式
.gray{
	 -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;
}



/*重写代金券滚动条，适配移动端*/
.div_content::-webkit-scrollbar {
  -webkit-appearance: none;
}
.div_content::-webkit-scrollbar:vertical {
  width: 0.15rem;
}
.div_content::-webkit-scrollbar:horizontal {
  height: 12px;
}
.div_content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 10px;
  border: 2px solid #ffffff;
}
.div_content::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff;
}