el-table竖向滚动条---drawer的title有蓝色边框

最新推荐文章于 2025-03-18 14:58:48 发布

张闹闹

最新推荐文章于 2025-03-18 14:58:48 发布

阅读量1.6k

点赞数

文章标签： css

本文链接：https://blog.youkuaiyun.com/m0_47294634/article/details/106397709

版权

本文主要探讨了在使用el-table组件时如何实现竖向滚动条的功能，并针对drawer组件中title存在的蓝色边框问题提出了解决方案，旨在优化UI界面的显示效果。

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

tbale滚动条

/deep/.el-table__body-wrapper {
  overflow-y: auto;
}

/deep/.el-table td,
.el-table th {
  padding: 12px !important;
}
/deep/.el-table__body-wrapper::-webkit-scrollbar {
  width: 6px;
  background: #ebeef5;
}

/deep/.el-table__body-wrapper::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #ccc;
  height: 120px;
}
/deep/.el-table__body-wrapper::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background: rgba(250, 250, 250, 1);
}