el-autocomplete设置下拉框横向滑动条

el-autocomplete

element文本输入框+下拉框,和el-select有相似之处

1、优点:可以实现选中或者输入选项后,input框第二次点击后的回显,而select选择器组件不能实现回显(这里的回显指,选中之后第二次点击会显示地存在上次所选择的,而不是变成灰色的隐式存在,主要方便用户在原有地基础上面进行修改)

2、下拉框内容过长,如何设置横向的滑动条
为css属性设置如下属性即可

  /deep/.el-autocomplete-suggestion__list{
        display: inline-block;
    }

横向滑动条效果如下图:
在这里插入图片描述
下拉框就可以左右横向滑动啦!

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值