相关疑难解决方法(0)

我有一个带有一些文本输入的网页.Android浏览器(至少在我现在得到的Android 2.3.4上)似乎覆盖了自己对焦点页面上输入的控制.

问题是叠加的控件是一个白色矩形,看起来很丑.有没有办法禁用它,或以某种方式设置它？

更新:

以下是Android模拟器的示例:

圆角和背景都丢失了.在实际设备上,我甚至看不到控件周围的边框.

我应该提一下,我正在使用jQuery Mobile.我的测试设备是HTC Evo 4G.

相关问题:

输入在焦点上有不同的风格

如果在HTC设备上突出显示,WebView中的输入元素始终具有相同的样式

我很高兴发现Android 2.2支持这个位置:固定的CSS选择器.我在这里建立了一个简单的证明概念:

http://kentbrewster.com/android-scroller/scroller.html

......这就像一个魅力.但是,当我尝试将INPUT标签添加到我的标题时,我遇到了麻烦.在焦点上,我到目前为止尝试的每个设备都克隆了INPUT标签,给它一个无限的Z-index,并在旧标签上重新绘制它.克隆位于大致正确的位置,但其父级的大多数CSS(当然包括位置:固定)将被忽略.克隆的INPUT标签的大小和形状错误,当我滚动页面的主体时,它会向上和向下滚动屏幕.

一旦它离开屏幕,就会出现欢闹声.有时设备会强制身体的滚动部分向下,这样克隆的空白就会回到视野中; 有时键盘会消失,即使可见的盒子似乎仍然在焦点上; 有时即使INPUT空白明显模糊,也无法解除键盘.以下是您可以在Android 2.2设备上运行以查看正在发生的情况的示例:

http://kentbrewster.com/android-input-style-bug/

样式输入:焦点还没有完成我的技巧,也没有很多不同的暴力尝试用JavaScript监听focus()和blur()并用焦点和键盘做正确的事情.

非常感谢您的帮助,

--Kent

我有一个问题,一个label被自动插入水印的内容input.我已经在一系列手机和浏览器上测试了这一点,但它似乎只发生在HTC EVO(3D X515A)上.当我给它焦点(例如触摸输入)时,文本消失,类似于a的placeholder属性input.js也没有自动填充.

我试图在Android浏览器上查看这是否是一个新标准,但只提出了一年前关闭的问题的一个参考,没有解决方案:https://github.com/jquery/jquery-mobile /问题/ 382

这是标签和输入代码:

<input type="number" name="phone" id="phone" minlength="10" maxlength="10" inputmode="latin digits" required="required" />
<label for="phone">Confirm your Valid Cell Number:</label>

如果有人需要查看问题,我将不得不拍摄手机显示屏的图片,因为它不会发生在我的模拟器上.

更新:删除标签上的输入标识符(for ="phone")解决了问题,但在语法上不正确.似乎是一个奇怪的错误,或HTC浏览器上的"功能".

我遇到了HTC浏览器的另一个大问题.当您在输入上自动对焦时,无论您的CSS如何,浏览器都将应用自己的样式.它删除边框和背景颜色,输入看起来是空的,几乎不可见(如果没有闪烁的光标).使用:focus伪类和其他-webkit选择器不能覆盖浏览器的样式.还有另一个问题在这里描述这个问题没有明确的答案.最近我可以得到一个解决方法是从输入中删除样式并将其包装在div中.