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 中的颜色,判断代码都是负责哪一部分

相关推荐
一个处女座的程序猿O(∩_∩)O2 小时前
小型 Vue 项目,该不该用 Pinia 、Vuex呢?
前端·javascript·vue.js
hackeroink5 小时前
【2024版】最新推荐好用的XSS漏洞扫描利用工具_xss扫描工具
前端·xss
迷雾漫步者6 小时前
Flutter组件————FloatingActionButton
前端·flutter·dart
向前看-7 小时前
验证码机制
前端·后端
燃先生._.8 小时前
Day-03 Vue(生命周期、生命周期钩子八个函数、工程化开发和脚手架、组件化开发、根组件、局部注册和全局注册的步骤)
前端·javascript·vue.js
高山我梦口香糖9 小时前
[react]searchParams转普通对象
开发语言·前端·javascript
唯之为之9 小时前
巧用mask属性创建一个纯CSS图标库
css·svg
m0_748235249 小时前
前端实现获取后端返回的文件流并下载
前端·状态模式
m0_7482402510 小时前
前端如何检测用户登录状态是否过期
前端