在最近的项目中，小编用到了element ui中Select组件
主要场景是类别选择、分页组件的pageSize下拉选择中
但在使用过程中出现了下拉框最后一项显示不完整的情况
报错图
经过一番F12调试终于找出了原因所在
我在控制其他样式时写了一句 

overflow: hidden;

为了避免其它样式的影响，保证效果正常渲染
针对select组件样式进行了如下填补

.el-select-dropdown .el-scrollbar .el-scrollbar__wrap
{
    overflow: scroll!important;
}

问题得以解决
解决图

补充
填补的样式一定要加!important，以及不能写在标记了scoped的style域内

Last modification：April 18th, 2020 at 03:19 pm
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏