select点击不灵敏

Question

select标签的两个option很难选中，只有点击了select控件的前半部分才能选择option选项，这是为什么呢？该怎么解决呢？尝试过设置高度了，但是没效果，代码如下：

   <div style="position: fixed;float: top;background-color: #F5FFFA;float: top;z-index: 1000;">
    <div style="width: 100%;">
           
                    XX牛奶:
                    <select name="radio" id="radio" style="width: 90px;height: 30px;">
                        <option value="">XX一号</option>
                        <option value="">XX二号</option>
                    </select>

                    总数：<span id="allsum"
                    style="color: red;width: 100%;font-weight: bolder;height: 30px;line-height: 30px;text-align: center;position: absolute;top: 220px;right:-100px"></span>

            </div>
</div>

Answer 1

你给的代码 试了一下 没发现 什么问题啊