zoukankan      html  css  js  c++  java
  • IE input X 去掉文本框的叉叉和密码输入框的眼睛图标

    从IE 10开始,type=”text” 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本。
    对于type=”password”的 input 则会在右方显示一个小眼睛的图标,占击这个图标可以显示已经输入的内容。
    好是好,但有时候会画蛇添足,比如已经用js控制了这个功能的时候。
    只要使用以下CSS代码可轻松实现隐藏IE浏览器自带的文本删除按钮和密码查看按钮。

    ::-ms-clear,::-ms-reveal{display:none;}
    

    其中 ::-ms-clear 是文本清除按钮,也就是input右方的叉叉 ::-ms-reveal是密码查看按钮,也就密码框右边的小眼睛。
    当然,也可以单独清除其中一项,这是你的自由。

     

    ----------------------------------------------------------------------------

    以上设置其实也非常简单:

    是通过js实现的
    密码框用input
    类似眼睛的东西其实是个图片,单击有事件
    事件中根据id等获取input,然后设置type属性,
    例如:
    var ps = document.getElementById("password");
    ps.Type="password"; //设置文本框是密码形(即不显示密码)
    ps.Type="text";//设置文本框是文本框(显示密码)

     

  • 相关阅读:
    涉猎
    linq to sql中的自动缓存(对象跟踪)
    Java的起源和发展
    Java为什么需要保留基本数据类型
    JDK各版本新增的主要特性
    【转】整理:著名软件是使用什么语言写的?
    Struts2框架学习
    json格式
    sqlserver开窗函数改造样例
    说一下这次的求职经历。
  • 原文地址:https://www.cnblogs.com/wanzhongjun/p/6813335.html
Copyright © 2011-2022 走看看