CSS 文字超出显示滚动条

1、布局结构

html 复制代码
<view class="tes" style="margin-top: 15rpx;">
	<p v-html="conten" class="conten"></p>
</view>

conten 里是内容

2、页面样式

css 复制代码
	.tes::-webkit-scrollbar-track-piece {
		background-color: rgba(0, 0, 0, 0);
		border-left: 1px solid rgba(0, 0, 0, 0);
	}

	.tes::-webkit-scrollbar {
		display: block;
		width: 5px;
		height: 10px;
		-webkit-margin-bottom-collapse: 12px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	.tes::-webkit-scrollbar-thumb {
		background-color: #b2b2b2;
		background-clip: padding-box;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		min-height: 28px;
	}

	.tes::-webkit-scrollbar-thumb:hover {
		background-color: #e6e6e6;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

可以通过改变css 中的颜色,判断代码都是负责哪一部分

相关推荐
zopple16 分钟前
前端三剑客 vs Vue.js:核心区别解析
前端·javascript·vue.js
hsjcjh16 分钟前
窗口函数-详细讲解分析
java·服务器·前端
CDN36017 分钟前
【踩坑实录】前端开发必看:一次由CSS缓存引发的线上事故与SEO反思
前端·css·缓存
胡志辉的博客23 分钟前
本地明明好好的,怎么一上线就跨域了?把同源策略、前后端分工和 CORS 一次讲明白
前端·javascript·vue.js·reactjs·nextjs·跨域
|晴 天|25 分钟前
文章系列管理系统:拖拽排序与进度追踪
前端·vue.js·typescript
GISer_Jing30 分钟前
AI Agent接口终局:MCP有弊端,CLI凭什么成为主流?
前端·人工智能
jiayong231 小时前
第 17 课:任务选择与批量操作
开发语言·前端·javascript·vue.js·学习
keyipatience1 小时前
3.Linux基本指令2
前端·html
Hhang1 小时前
从 ERP 系统出发,我是如何设计一套 LLM 多 Agent 系统的(二)
前端·人工智能·agent
源码老李1 小时前
Day 07 · 游戏也要管理状态:场景切换·资源加载·对象池实战
前端·javascript·游戏