在最近的项目中,小编用到了element ui中Select组件
主要场景是类别选择、分页组件的pageSize下拉选择中
但在使用过程中出现了下拉框最后一项显示不完整的情况
经过一番F12调试终于找出了原因所在
我在控制其他样式时写了一句
overflow: hidden;
为了避免其它样式的影响,保证效果正常渲染
针对select组件样式进行了如下填补
.el-select-dropdown .el-scrollbar .el-scrollbar__wrap
{
overflow: scroll!important;
}
问题得以解决
补充
填补的样式一定要加!important,以及不能写在标记了scoped的style域内
赞