html - Mobile Safari 多选错误

Question

如果在当前 (iOS 9.2) 移动版 safari 中发现一个非常烦人的错误(自 iOS 7 以来首次出现!)

如果您在移动 safari 中使用多选字段 - 像这样:

<select multiple>
    <option value="test1">Test 1</option>
    <option value="test2">Test 2</option>
    <option value="test3">Test 3</option>
</select>

你会遇到自动选择的问题!

iOS 会在您打开选择后自动选择第一个选项(无需任何用户交互)- 但它不会通过蓝色选择“检查”显示给您。

因此，如果您现在选择第二个选项，选择将告诉您已选择两个选项(但仅突出显示一个已选中)...

如果您现在关闭并再次打开选择，iOS 将自动取消选择第一个值 - 如果您重复，将再次选择它而无需任何用户交互。

这是一个非常烦人的系统错误，它正在破坏用户体验!

Answer 1

Safari 多选错误和Empty 和Disabled 选项勾选相关问题的解决方案:

<select multiple>
<optgroup disabled hidden></optgroup>
<option value="0">All</option>
<option value="1">Test 1</option>
<option value="2">Test 2</option>
<option value="3">Test 3</option>
<option value="4">Test 4</option>
</select>

在真正的选项之前添加一个禁用和隐藏的optgroup。