android - 在 Android/iOS 浏览器上呈现多个选择选项

Question

我想以与桌面浏览器呈现此类元素相同的方式在彼此下方呈现多个选项

<select size="10" name="selectionList">
  <option value="5">Sparrow</option>
  <option value="18">Snowbunting</option>
  <option value="13">Purple-crowned Fairywren</option>
  <option value="19">Eagle</option>
  <option value="16">Hawk</option>
</select>

在任何标准的桌面网络浏览器上，这些元素都呈现在另一个之下，左侧可能有一个滚动条。然而，在 Android 和 iOS 浏览器上，只有选定的元素被渲染，其余分配的空间被浪费了。尝试选择时，将显示选项菜单对话框。

通常，因为我指定了 size="10"，所以最多应该同时显示 10 个元素。我能理解他们选择以他们的方式实现它的原因，但我希望有一个简单的 CSS 技巧来改变默认行为。

如何让移动设备浏览器以与桌面浏览器相同的方式呈现我的选择选项，而不显示选项菜单对话框。

Answer 1

现在在 Android 2.3.3 SDK 中尝试 - 如果您向 css 添加边框，例如: style="border: solid 1px #999999"，显示全尺寸选择框。但是由于某种原因，选定的选项是不可见的。浏览器问题太多。