#placeholder text-align プレースホルダーの左寄せ・右寄せ

::placeholderは CSS の疑似要素で、<input>または<textarea>タグのプレイスホルダー文字列を設定できます。
多くのブラウザーでは、プレイスホルダー文字列の外見は既定で半透明または明るい灰色ですが、placeholder スタイルシート変更して文字色変更、サイズ変更、位置変更などカスタマイズできます。

#input または textarea 内にお金マーク左寄せ

#html

<input type="text" placeholder="" class="money" />

#css

/* input内テキスト右寄せ */
.money {
  text-align: right;
  width: 100px;
}

/* お金マークを左寄せ */
.money::placeholder {
  text-align: left;
}

#ブラウザー対応

MND の情報によりますと、ほとんどのブラウザーが::placeholder に対応済みですが、Internet Explorer(IE)は未対応のようです。

#参考

2017-03-31
  • css