プレースホルダーのIEエッジでfont-sizeが動作しない

私はウェブアプリケーションで作業しています。それらのうちの1つは、font-sizeプロパティがプレースホルダーのIE Edgeでは無視されます。それはかなり奇妙です。また、既知の問題であり、既に報告されています。誰もが回避策を知っていますか？プレースホルダーのIEエッジでfont-sizeが動作しない

<input type="text" placeholder="Search"/> 

input::-ms-input-placeholder{color:#f00; font-size:50px;}

例：http://codepen.io/anon/pen/jqvLdG

出典

2016-04-26 Praveen

入力自体のフォントサイズを変更することはできますか？ –

はい。入力のフォントサイズを変更すると、プレースホルダーfont-sizeが変更されます。しかし、プレースホルダーのフォントサイズだけを変更したい。 – Praveen

この重要度に応じて、focusとblurイベントでJavaScriptを使用してフォントサイズを変更できます。 –

バグがあります：クリエーターでhttps://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3901363/ は、それが修正されます更新します。今すぐ：デフォルトですべてのスタイルを適用し、データが入力されたらクラスを追加します。次に、プレースホルダーの状態を分けて、IE Edgeで動作します。

出典

2017-07-11 11:19:36

これはバグです。 transformを使ってフォントサイズを調整することができます。

input::-ms-input-placeholder { 
    color: red; 
    font-size: 0.8rem; 
    transform: scale(0.9) translateX(-0.1rem); 
}

出典

2018-02-13 01:46:55 kelongshi

プレースホルダーのIEエッジでfont-sizeが動作しない

答えて

関連する問題