如何在 ui-select 下拉列表中显示滚动条答案

【问题标题】：How to show scrollbar inside ui-select dropdownlist如何在 ui-select 下拉列表中显示滚动条
【发布时间】：2017-09-23 15:25:13
【问题描述】：

我正在使用 ui-select 来显示状态列表。我的状态列表大于 ui-select 下拉高度。如何在 ui-select 下拉列表中显示滚动条，以便用户知道列表中有更多项目？

【问题讨论】：

设置一个css属性overflow:scroll.
使用overflow:scroll，如果是触摸设备使用-webkit-overflow-scrolling:touch。仍然是您面临的问题。请发布代码以纠正
@HP's411：什么元素应该接收overflow:scroll 属性？
@jkndrkn : 显示大量数据的容器。例如，您有一个 <DIV> 将保存您的数据，而不是此 <DIV> 应该收到此属性。

标签： javascript ui-select

【解决方案1】：

在下面添加css代码

.ui-select-choices-content{
 overflow-y:scroll !important;
 &::-webkit-scrollbar
 {
 width: 8px !important;
 }
 &::-webkit-scrollbar-thumb
 {
 border-radius: 7px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 background-color: red;
 }
}

【讨论】：