Textareaとtext-indent：プレースホルダがEDGEで正常に動作しない

Question

Edgeブラウザのプレースホルダに問題があります。だから私のプロジェクトでは、指定したテキストインデントパラメータを持つテキストエリアを使用する必要があります。ただし、エッジでは、プレースホルダは予想以上にレンダリングされます。

私がテストにあなたのための小さなペン作成：任意のアイデアhttps://codepen.io/anon/pen/boVaLK

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

<textarea placeholder="start typing"></textarea>

を？

Answer 1

問題がある場合は、プレースホルダにCSSを適用するのに-ms-input-placeholderを使うことができますが、MDNのドキュメントを読むと、私の知る限り、これを生産と悪いところで使うのは良いことではありません。マイクロソフトのエッジでこれを動作させる他の方法はありません。 https://developer.mozilla.org/en-US/docs/Web/CSS/:-ms-input-placeholder

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