这是因为手机启用了“TalkBack”功能,只要单击图标会出现绿框。取消步骤如下:1、进入手机“设置“中,然后点击“系统”。2、然后由高级设置到智能辅助,选择无障碍。3、在无障碍中关闭“TalkBack”开关。在锁屏界面输入您设置的图案密码即可解锁,如果您忘记锁屏密码了建议您根据密保问题修改密码。
TalkBack(盲人模式)是专为盲人和有视力障碍的人士提供的辅助功能,其操作方式与普通方式有较大差异。进入盲人模式后,单指触摸屏幕,屏幕上会用绿色的方框包围当前点击的区域,同时手机还会发出语音提示,需要用双击代替正常模式下的点击操作,双指滑动代替正常模式下的滑动操作。
从IE 10开始,type=”text” 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本。
对于type=”password”的 input 则会在右方显示一个小眼睛的图标,占击这个图标可以显示已经输入的内容。
好是好,但有时候会画蛇添足,比如已经用js控制了这个功能的时候。
只要使用以下CSS代码可轻松实现隐藏IE浏览器自带的文本删除按钮和密码查看按钮。
::-ms-clear,
::-ms-reveal
{
display:none;
}其中 ::-ms-clear 是文本清除按钮,也就是input右方的叉叉 ::-ms-reveal是密码查看按钮,也就密码框右边的小眼睛。
当然,也可以单独清除其中一项,这是你的自由。
以上所述是小编给大家介绍的如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对PHP中文网的支持!
更多如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标相关文章请关注PHP中文网!
在登录页经常会用到通过点击文本框的类似小眼睛来实现隐藏显示密码的功能。下面给大家介绍基于JS实现登录页密码的显示和隐藏功能,需要的朋友参考下吧
在登录页经常会用到通过点击文本框的类似小眼睛来实现隐藏显示密码的功能,其实实现原理很简单,通过点击事件来改变input的type类型,具体过程看代码:
在没给大家分享实现代码之前,先给大家展示下效果图:
<ul class="form-area">
<li>
<p class="item-content">
<p class="item-input">
<input type="text" name="accountName" autofocus required="required" placeholder="请输入用户名">
</p>
</p>
</li>
<li>
<p class="item-content">
<p class="item-input">
<input type="password" name="password" id="password" required="required" placeholder="请输入密码">
</p>
</p>
</li>
<li>
<span style="position:absolute;right: 20px;top: -38px">
<img id="showText" onclick="hideShowPsw()">
</span>
</li>
</ul><script type="text/javascript">
//获取input框内的切换id和input文本框的id
var demoImg = documentgetElementById("showText");
var demoInput = documentgetElementById("password");
function hideShowPsw() {
if (demoInputtype == "password") {
demoInputtype = "text";
demoImgsrc ="/Images/showPasswdpng";
} else {
demoInputtype = "password";
demoImgsrc = "/Images/hidePasswdpng";
}
}
</script>上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
Vue项目优化需要注意哪些?
在vuejs中使用模块化的方式开发
在VUE中如何实现数组更新功能
如何使用vue-cli实现多页应用
华为手机右上角的小眼睛图标是护眼模式开启的标志。想要去掉该图标的话步骤如下:
1、下拉屏幕,出现通知栏。
2、在开关中找到护眼模式,点击关闭即可,如图:
3、华为手机顶部状态栏常见图标及含义如下:
欢迎分享,转载请注明来源:品搜搜测评网