css - 在iphone中隐藏 'option'元素

Question

这是html:

<select>
   <option style="display:none;">1</option>
   <option>2</option>
   <option>3</option>
   <option>4</option>
</select>

这是 Chrome - 桌面版的结果

这是 iPhone - Safari 中的结果

jsbin

Answer 1

您可以使用 jQuery 禁用或删除它

演示 http://jsfiddle.net/Fa8Xx/1728/

<select>
   <option class="targetThis">1</option>
   <option>2</option>
   <option>3</option>
   <option>4</option>
</select>

jQuery

function isiPhone(){
    return (
        (navigator.platform.indexOf("iPhone") != -1) ||
        (navigator.platform.indexOf("iPod") != -1)
    );
}
if(isiPhone()){
   $(".targetThis").attr('disabled', true);
}