IPAD 迷你 - IOS 7.0 - 双 Select 框重叠

Question

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

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

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

        <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>

IPAD 迷你 - IOS 7.0 - 双 Select 框重叠

IPAD Mini - IOS 7.0 - Double Select Box Overlap

css

layout

ipad-mini