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>