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

Question

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

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

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

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

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

标签： internet-explorerplaceholder

Answer 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">