IPAD Mini - IOS 7,0 - Double Select Box Перекрытие

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>