option为什么不隐藏

<div class="box">
    <select name="" id="">
        <option value="">11</option>
        <option value="">11</option>
        <option value="">11</option>
        <option value="">11</option>
        <option value="">11</option>
    </select>
</div>




css

.box {
  width: 50px;
  height: 20px;
  background: red;
  overflow: hidden;
}
为什么我点击下拉框之后，不能溢出隐藏？

---

那个下拉菜单是浏览器的 似乎不太好定制 不知道带前缀的css支持不
我只知道可以改滚动条的颜色 还没见过改下拉框的长度