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

el-autocomplete

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

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

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

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

横向滑动条效果如下图:
el-autocomplete设置下拉框横向滑动条_第1张图片
下拉框就可以左右横向滑动啦!

你可能感兴趣的:(前端组件,javascript,前端,elementui)