在 Internet Explorer 中制作隐形“占位符”很热门？

Posted 2023-03-05

【中文标题】在 Internet Explorer 中制作隐形“占位符”很热门？

【英文标题】：Hot to make invisible "placeholder" in Internet Explorer?

【发布时间】：2020-02-15 11:54:50

【问题描述】：

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

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

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

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

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

【参考方案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">