一、移动端截图
移动端引用elementUI组件,使用el-select 时,会出现IOS端点击select下拉框后,第一次点击无反应,第二次点击后才选择上,Android手机并没有这个问题,所以查了下资料,它是IOS手机兼容问题导致的,这是只需要添加个样式,这个问题就会解决。
解决办法:
1、写法一:
.el-scrollbar .el-scrollbar__bar {
opacity: 1 !important;
}
2、写法二:
.el-scrollbar {
> .el-scrollbar__bar {
opacity: 1 !important;
}
}
如果不生效可以加/deep/
二、注意,注意,注意:
一定要在App.vue里面(不是在页面或者组件里!!!!)加上这段css代码。