在Android移动浏览器中选择无响应的输入

Question

我有一个简单的表单，其中一个选择输入类型适用于所有桌面浏览器以及移动Safari。但是，在我的Android设备（Samsung Droid和Prevail）上，选择输入都不会响应。我期待它产生一个选择器。有没有人有类似的经历？有什么建议？感谢。

Answer 1

我遇到了类似的问题，并使用以下元标记解决了这个问题：

<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; user-scalable=yes;" />

我注意到，在我的情况下，当隐藏一个父元素（并再次显示）时， select 元素表现为“禁用”。 android =＆lt;中有一个错误2.2更改样式时，不会重新渲染dom。您可以通过添加（或更改）“假”属性来强制重新渲染dom，以强制重新渲染dom。 e.g：

myPreviousHiddenEl.setAttribute('forceRePaint','yes');

Answer 2

我遇到了这个问题，我认为这与你说的重叠有关。为了解决这个问题，我将以下CSS添加到标签中：

<select style="position:relative">

完成了工作。 ：）

Answer 3

刚遇到同样的问题。

我使用的是Bootstrap，下半部分中的<div>之一有col-sm-12，但没有xs的规则。这导致它无形地掩盖了移动设备中的所有上述表单输入元素。将col-sm-12切换为col-xs-12可解决此问题。