程序地带

element ui中Select 下拉框最后一行显示不完整


在最近的项目中用到了element ui中Select组件,但在选项的最后一行出现展示不完整的现象 在这里插入图片描述 在这里插入图片描述 经过一番F12调试终于找出了原因所在 因为做目录时,使用了el-scrollbar,为了防止出现横向滚动条,增加了 .el-scrollbar__wrap {


overflow-x: hidden; } 导致这个问题


问题解决

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


.el-select-dropdown .el-scrollbar .el-scrollbar__wrap { overflow: scroll!important; } 补充 填补的样式一定要加!important,以及不能写在标记了scoped的style域内


版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/TTST_HTSN/article/details/111246315

随机推荐

为什么要做巧推整站快速排名SEO优化?

如标题抛出一个疑问,为什么要做巧推整站快速排名seo.qqqkk.cn相信很多企业和公司都会有同感,公司让人把公司官网给搭建起来,产品信息和公司新闻也天天更新...

qq_5984000 阅读(924)

ccf csp 201903-1小中大(python)

历年题解CCFCSP历年题解(python)样例输入:3-1244-2-134题目链接:201903-1小中大问题分析:最大最小直...

Husky1999 阅读(781)

dubbo源码-Refrence注解

dubbo源码-Refrence注解前言源码findInjectionMetadata寻找注入点注入代理对象metadata.inject总结前言前几篇博客registerCommonBeans有个R...

酒醉梦醒 阅读(874)

lisp型材程序_LISP - 程序结构

LISP表达式称为符号表达式或S-表达式。s表达式是由三个有效对象,原子,列表和字符串。任意的s-表达式是一个有效的程序。Lisp程序在解释器或编译的代码运行。解释器会检查...

weixin_39986060 阅读(266)