select下拉框如何设置滚动条

怎样才能出现滚动条,overflow属性不可以吗?请大家赐教!

可以参考这个例子:

  <select
    style="position: absolute; z-index: 1; margin-left: 40px;"
    class="choose"
    onblur="size=0"
    onmousedown="if(options.length>6){size=7}"
    onchange="size=0"
  >
    <option value="volvo">文学集</option>
    <option value="saab">哲学</option>
    <option value="opel">雅思</option>
    <option value="audi">大学网奥数大学网奥数</option>
    <option value="volvo">文学集</option>
    <option value="saab">哲学</option>
    <option value="opel">雅思</option>
    <option value="audi">大学网奥数</option>
    <option value="audi">大学网奥数</option>
    <option value="audi">大学网奥数</option>
    <option value="audi">大学网奥数</option>
  </select>



  1. select出现滚动条,不同浏览器默认有对应的选项数,超过自动就有了;

    img

  2. 自己用div模拟一个select控件出来,样式就能随便改了;

  3. 你可以试试楼上那种方式;

设置固定高度,加滚动条overflow

option超过一定数量会自动生成滚动条,根据浏览器不同而不同