所以我有一个
HTML登录表单与两个字段：电子邮件和密码.这些可以在除iOS设备(iPhone,iPad)之外的任何设备的浏览器上轻松填充.
在 IOS领域几乎不能关注焦点,一旦焦点,键盘弹出,我开始打字,但实际上没有填充.我已经尝试过Chrome和safari,仍然得到相同的结果.字段保持黑色. Bellow是我的格式如何格式化：
在 IOS领域几乎不能关注焦点,一旦焦点,键盘弹出,我开始打字,但实际上没有填充.我已经尝试过Chrome和safari,仍然得到相同的结果.字段保持黑色. Bellow是我的格式如何格式化：
<form method="post" name="login" action="login">
<div class="divInputWrapper ">
<i class="icon-envelope inputIcon inlineElt"></i>
<label for="email"></label>
<input type="text" name="email" placeholder="Enter your email address" class="formInput"/>
</div>
<div class="divInputWrapper ">
<i class="icon-envelope inputIcon inlineElt"></i>
<label for="password"></label>
<input type="password" name="password" class="formInput"/>
</div>
<button class="blue centeredContent">Login</button>
</form>
请帮助 ！我会真的很感激
谢谢
解决方法
发现问题,这是一个样式表重置,我在网上找到帮助触摸设备行为,当用户触摸/保存元素,我将其复制到我的大部分项目.所以如果你有这个问题,很可能你在你的css中有这些行：
*,*:before,*:after {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
所以只需删除它或将其设置为默认值.如果您打算阻止人们选择您网站上的内容,那么请确保将此样式属性重置为默认输入
input,input:before,input:after {
-webkit-user-select: initial;
-khtml-user-select: initial;
-moz-user-select: initial;
-ms-user-select: initial;
user-select: initial;
}
