【问题标题】:Hot to make invisible "placeholder" in Internet Explorer?在 Internet Explorer 中制作隐形“占位符”很热门?
【发布时间】:2020-02-15 11:54:50
【问题描述】:

我正在尝试在 Internet Explorer 中制作不可见的占位符, 我使用了 color: transparent 和 opacity:0 但它不能只在 IE 中工作。

我需要放置占位符,因为我正在使用一些需要它的代码,即使它是透明的以使其工作。

希望有人可以帮助我, 谢谢

我试过 color: transparent 但它不起作用

  &::placeholder {
    color: transparent;
    opacity: 0;
  }

【问题讨论】:

    标签: internet-explorer placeholder


    【解决方案1】:

    如果你想让占位符不可见,你可以直接删除占位符属性。

    此外,您可以尝试使用以下代码设置占位符颜色(将颜色更改为透明):

    <style>
    
        ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: red; /*color:transparent;*/
            opacity: 1; /* Firefox */
        }
    
        :-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: red; /*color:transparent;*/
        }
    
        ::-ms-input-placeholder { /* Microsoft Edge */
            color: red; /*color:transparent;*/
        }
    </style>
    <input type="text" name="fname" placeholder="mm/dd/yyyy">
    

    【讨论】:

      猜你喜欢
      • 2013-11-12
      • 1970-01-01
      • 2017-01-06
      • 2013-02-27
      • 2011-07-28
      • 2012-01-27
      • 2014-11-24
      • 2017-07-23
      相关资源
      最近更新 更多