element ui中select 下拉框在火狐浏览器最后一行显示不完全（谷歌正常）

在项目开发的时候用到了el-scrollbar组件并且设置了隐藏横向滚动条
下面展示一些 内联代码片。

// 隐藏横向滚动条
.el-scrollbar__wrap {overflow-x: hidden;
}
// 竖向
.el-scrollbar__bar.is-horizontal {height: 0 !important;
}

因为有以上设置所以导致在火狐浏览器的时候最后select 下拉框最后一行总是显示不完全所以解决方法如下
下面展示一些 内联代码片。

.el-select-dropdown .el-scrollbar .el-scrollbar__wrap {overflow: scroll!important; // 记得加上!important
}

友情提示：1、以上涉及element ui的元素css在改动的时候请不要写在 sass · 或者 less里面建议直接在下面重新写一个style标签。
2、!important 记得一定加上否则可能会导致不生效。
3、这种修改会涉及所有用到的同样的标签即a和b页面都用了select 对a页面的select样式做了修改同样会影响b页面的select样式
4.如果不想影响全局可以使用/deep/ 博客另一篇文章有写附上链接
https://blog.csdn.net/miem_yang/article/details/119638729
下面展示一些 内联代码片。

// 举个栗子
<style lang="less" scoped> </style> // 里面写本页面的css
<style> </style> // 里面写原生要修改的css

element ui中select 下拉框在火狐浏览器最后一行显示不完全（谷歌正常）相关推荐

修改element UI的select下拉框组件右边的小箭头（使用自定义图片）
i.el-select__caret {/*很关键:将默认的select选择框样式清除*/ appearance:none;-moz-appearance:none;-webkit-appearanc ...
element ui中select 下拉选择文字输入筛选
未修改代码前效果选择框中不可编辑如图:加入 filterable allow-create default-first-option 代码如下 <template><div> ...
VUE ELEMENT UI 清空select 下拉选项
VUE ELEMENT UI 清空select 下拉选项 1.select代码 <el-form ref="searchForm" :inline="true&qu ...
编程案例——layui的table表格并获取选中的数据、layui监控select下拉框并将隐藏的div显示
layui table表格展示效果代码前端代码后端代码:我们需要注意后端给前端返回数据的格式获取radio标签所对应的数据条目问题描述解决办法 layui监控select下拉框并将隐藏的 ...
vue 的elementui中select下拉框多选项-multiple属性
vue的select下拉框多选项-multiple属性最近在使用vue-element-admin这个后台管理框架开源模板在做一个管理后台,使用起来其实还挺方便的,大部分的组件源码里面都已经写好了, ...
antd vue 多个下拉联动_antd中select下拉框值为对象选中的问题
使用antd中的select下拉框,遇到个小问题,后台管理系统中,使用下拉框,一般不会是简单的就直接使用select中的value值,而是会使用id或者value中文对应的keyword,并且这个在o ...
Vue中select下拉框的默认选中项的三种情况
在Vue中使用select下拉框主要靠的是 v-model 来绑定选项 option 的 value 值. select下拉框在界面的展示,我们都希望看到框中有一个值而不是空白,比如显示 &qu ...
js中select下拉框重置_Web测试中需要注意的16个小细节
随着Internet和Intranet/Extranet的快速增长,Web已经对商业.工业.银行.财政.教育.政府和娱乐及我们的工作和生活产生了深远的影响.许多传统的信息和数据库系统正在被移植到互联网 ...
下拉框选中状态html,js中select下拉框选中
怎么用js动态设置select中的某个值为选中值 select 中的某个options为新建,但在子页面新建一个选项时怎么能提交新用JS动态设置select的方法如下: 手动通过原生JS来实现: / ...

element ui中select 下拉框在火狐浏览器最后一行显示不完全（谷歌正常）

element ui中select 下拉框在火狐浏览器最后一行显示不完全（谷歌正常）相关推荐

最新文章

热门文章