uniapp设置 overflow:auto;右边不显示滚动条的问题

设置了overflow:auto;或者其它overflow的属性不显示滚动条是因为在uniapp中默认隐藏了滚动条

解决方法:

css 复制代码
//强制显示滚动条
::-webkit-scrollbar {
		width: 8px !important;
		background: #ccc !important;
		display: block !important;
	}

//设置滚动条颜色
	.cu-dialog::-webkit-scrollbar-thumb {
		background:#2695fe;
		border-radius: 3px;
	}
	
//设置滚动条背景颜色
	.cu-dialog::-webkit-scrollbar-track {
		background: #f1f1f1;
	}
相关推荐
漂流瓶jz2 小时前
总结CSS组件化演进之路:命名规范/CSS Modules/CSS in JS/原子化CSS
前端·javascript·css
Dxy12393102169 小时前
CSS滤镜使用方法完全指南
前端·css
Dxy123931021612 小时前
CSS中的filter属性详解
前端·css
何何____14 小时前
CSS 易混淆易错知识点
前端·css
向日的葵00616 小时前
CSDN博客文章-爪印之约宠物收养管理系统
mysql·css3·html5·fastapi·宠物
Martin -Tang17 小时前
uniapp+vue3+ts自定义表格
javascript·vue.js·uni-app
艾伦野鸽ggg17 小时前
CSS布局与动效知识梳理
前端·css
Boop_wu17 小时前
[前端] CSS 常用样式(聊天界面 / 网页布局专用)
前端·css·css3
辞忧九千七2 天前
前后端分离架构实战与项目落地:AI智能学习笔记管理系统
python·html·axios·css3·fastapi·dify
丑八怪大丑2 天前
HTML&CSS
前端·css·html