Textarea和text-indent：占位符在EDGE上无法正常工作

Question

我在Edge浏览器上遇到了占位符的奇怪问题。所以在我的项目中，我需要使用带有指定 text-indent 参数的textarea。但是，在边缘，占位符的呈现比预期的要长。

我为你制作了一支小笔来测试：https://codepen.io/anon/pen/boVaLK

＆＃13;

＆＃13;

DateTime.Now

＆＃13;

textarea {
  width:500px;
  height: 200px;
  text-indent: 25px;
}

＆＃13;

＆＃13;

＆＃13;

任何想法？

Answer 1

对于你的问题，你可以使用-ms-input-placeholder为占位符申请css但是如果你浏览MDN的文档，你就会知道在生产中使用它并且在我的生产中使用它是不好的知识没有其他方法可以在Microsoft边缘工作。 https://developer.mozilla.org/en-US/docs/Web/CSS/:-ms-input-placeholder

textarea::-ms-input-placeholder{
  text-indent: 0px;
}