移动野生动物园：更改选择器视图的背景颜色（选择）

Question

Mobile Safari对UIPickerView元素使用<select> - 我想用CSS更改它的背景颜色。正如您在下面的屏幕截图中看到的那样，它很难阅读。您正在查看的是状态<select>表单元素。更改<select>元素本身的文本颜色或背景颜色并不能解决问题。

我认为它与父元素或其自身的背景颜色有关 - 但我上线并将每个祖先元素的背景颜色更改为白色并且问题仍然存在。有没有前缀的风格或技巧使这个GUI清晰可辨？或者它可能只是一个错误。

编辑：UIPickerView后面的灰色由移动版Safari填充，因为选择几乎位于页面底部。移动版Safari垂直将选区置于UIPickerView上方，并使用灰色填充页面下方的额外空间。问题是，如何确定使用深灰色？我尝试更改正文文本颜色和页面上每个其他元素的背景颜色都无济于事。

Answer 1

不幸的是，没有办法做到这一点。 iOS Safari 可以完全控制样式select列表的内部内容。以下是验证参考：little link。

实现这一目标的一种方法是使用JavaScript模拟下拉菜单/选择菜单。

这不是很好，但是如果你绝对需要更改默认样式，那么我担心这是唯一的出路;这是一个演示，可以让您了解如何进行模拟：another little link。