文本区域和文本缩进：占位符在 EDGE 上无法正常工作答案

【问题标题】：Textarea and text-indent: placeholder doesn't work properly on EDGE文本区域和文本缩进：占位符在 EDGE 上无法正常工作
【发布时间】：2017-09-17 22:42:05
【问题描述】：

Edge 浏览器上的占位符有一个奇怪的问题。所以在我的项目中，我需要使用带有指定 text-indent 参数的文本区域。然而，在边缘，占位符的渲染比预期的要远。

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

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

&lt;textarea placeholder="start typing"&gt;&lt;/textarea&gt;

有什么想法吗？

【问题讨论】：

希望对您有所帮助 - stackoverflow.com/questions/40910797/…

标签： html css microsoft-edge

【解决方案1】：

对于您的问题，您可以使用 -ms-input-placeholder 将 css 应用于占位符，但是如果您阅读 MDN 的文档，您就会知道，据我所知，在生产中使用它不是一件好事，而且是坏事在 Microsoft Edge 中没有其他方法可以解决此问题。 https://developer.mozilla.org/en-US/docs/Web/CSS/:-ms-input-placeholder

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

【讨论】：

不，很遗憾，这不起作用。好吧，糟糕的 MS Edge。