css - IPAD Mini - IOS 7.0 - 双选框重叠

Question

我有两个选择框，如上图所示。现在的问题是，当我点击年份字段时，月份字段仍然被触发。似乎第一个选择框的区域太宽或存在某种重叠。

有人知道解决这个问题的办法吗？

顺便说一句，如果有帮助的话，这是一个网络应用程序。 :)

        <label>
            <span>Expiration</span><br>
            <select class="card-expiry-month input-mini">
                <option value="01" >01</option>
            </select>   
            <select class="card-expiry-year input-mini">
                <option value="2014">2014</option>            
            </select>            
       </label>

不确定是不是标签的问题？

Answer 1

那是因为你有 <label>围绕这两个元素。如果您移动标签以不包裹两个元素，它将起作用:

<label>
    <span>Expiration</span><br>
    <select class="card-expiry-month input-mini">
        <option value="01" >01</option>
    </select>
</label>
<label>
    <select class="card-expiry-year input-mini">
        <option value="2014">2014</option>            
    </select>
</label>