# 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

関連記事

CSS リセットのカスタマイズ
Tailwindcss でローディングコンポーネント作成
Nuxt Fontawesome アイコン使う
シェアボタン SNS ソーシャルリンクの作り方
CSS ::-webkit-scrollbar スクロールバーをカスタマイズ
sass-loader エラー
CSS background と conic-gradient で bookmark のブックマーク作る
HTML 特殊文字エンティティ参照
html5 新タグ要素と廃止タグ要素
safari でボタンタップしたら影が残る怪奇現象
css 学習 タイピング風アニメーションを css だけでやってみる
google color palette
フルスクリーン背景画像の 100%表示と iPhone 対応方法
css フルースクリンの背景画像と透けるログイン画面
margin 上下効かない原因
CSS :before & :after pseudo-elements 疑似要素で画像を重ねる