2023年6月20日发(作者：)

CSS滚动条始终默认显⽰写⼀个弹出框默认⾼度300px 超过出现滚动条但是由于滚动条需要滑动的时候才显⽰ 可能会误导⽤户不知道还可以下拉,所以要⽤css默认显⽰滚动条的存在原理和更改多选框的样式⼀样,都是先隐藏原先的 再后写⼀个新样式//要出现滚动条的盒⼦/deep/ .el-dialog__body { //设置默认⾼度300px

height: 300px; overflow-y: scroll; overflow-x: hidden;}/deep/ .el-dialog__body::-webkit-scrollbar { /*

隐藏默认的滚动条 */ -webkit-appearance: none;}/deep/ .el-dialog__body::-webkit-scrollbar:vertical { /*

设置垂直滚动条宽度 */ width: 5px;}//滚动条的新样式定制/deep/ .el-dialog__body::-webkit-scrollbar-thumb { border-radius: 10%; border: 2px solid #666; background-color: #666;}

2023年6月20日发(作者：)

CSS滚动条始终默认显⽰写⼀个弹出框默认⾼度300px 超过出现滚动条但是由于滚动条需要滑动的时候才显⽰ 可能会误导⽤户不知道还可以下拉,所以要⽤css默认显⽰滚动条的存在原理和更改多选框的样式⼀样,都是先隐藏原先的 再后写⼀个新样式//要出现滚动条的盒⼦/deep/ .el-dialog__body { //设置默认⾼度300px

height: 300px; overflow-y: scroll; overflow-x: hidden;}/deep/ .el-dialog__body::-webkit-scrollbar { /*

隐藏默认的滚动条 */ -webkit-appearance: none;}/deep/ .el-dialog__body::-webkit-scrollbar:vertical { /*

设置垂直滚动条宽度 */ width: 5px;}//滚动条的新样式定制/deep/ .el-dialog__body::-webkit-scrollbar-thumb { border-radius: 10%; border: 2px solid #666; background-color: #666;}