满意秒采纳,如何用css隐藏select multiple多选控件的垂直滚动条？

如何用css隐藏select multiple多选控件的垂直滚动条？

<select multiple="multiple" size="2">
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

用CSS不能实现的.
设置size 大于options的数量,就没有下滚动条了.

<select size="10">
<option value="1">item1
<option value="1">item1
<option value="1">item1
<option value="1">item1
<option value="1">item1
<option value="1">item1
<option value="1">item1
</select>

不给select加属性不就可以了呢

select {
  /*IE*/
  -ms-overflow-style: none;
  /*火狐*/
  overflow: -moz-scrollbars-none;
  /*谷歌*/
  &::-webkit-scrollbar {
    display: none;
  }
}

试试看