zoukankan      html  css  js  c++  java
  • IE10去掉input的type=”text”输入内容时出现的小叉号(X)和type=”password”出现的小眼睛图标

    最近在做一个后台管理系统项目,遇到以下两个问题:

    1、从IE 10开始,type=”text” 的 input 在用户输入内容后,会自动产生一个小叉号(X),方便用户点击清除已经输入的文本。
    2、对于type=”password”的 input 则会在右方显示一个小眼睛的图标,占击这个图标可以显示已经输入的内容。


    有时候为了统一UI页面效果,我们不要到浏览器自带的小叉叉(×)和小眼睛图标,所有需要去掉,代码如下:

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

     其中,

    ::-ms-clear    是文本清除按钮,也就是input右方的叉叉

    ::-ms-reveal  是密码查看按钮,也就密码框右边的小眼睛。

  • 相关阅读:
    nodejs websocket
    [Java] 数组-01 入门
    [Java] 第一,二章 配置, 基础
    [Java] 第四章 异常机制
    [Java] 第三章 面向对象总结
    [Java] 接口-02
    [Java] 接口-01
    [Java] final 关键字
    [Java] 抽象类
    [Java] 多态-01
  • 原文地址:https://www.cnblogs.com/baiyangyuanzi/p/6526106.html
Copyright © 2011-2022 走看看