# 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 4年前

シェアボタン SNS ソーシャルリンクの作り方

Facebook TwitterなどのSNSに記事をシェアするためのシェアボタンについて...

CSS ::-webkit-scrollbar スクロールバーをカスタマイズ

webkit系scrollbarカスタマイズ CSS 疑似要素 webkit-scrollbarにつ...

sass-loader エラー

sassエラー対応とsassをオンラインにcssに変換するツール...

HTML 特殊文字エンティティ参照

よく使うhtml特集文字の文字実体参照と10 進数コードエンティティ参照...

html5 新タグ要素と廃止タグ要素

2008年に発表されたHTML5の規則をもとに、新しいタグ要素と機能及び廃止する機能タグなどをまとめ...

safari でボタンタップしたら影が残る怪奇現象

safariでタップしたボタンの影跡が残る現象の解決方法...

css 学習タイピング風アニメーションを css だけでやってみる

Jqueryなし！javascriptなし！CSSだけでタイピング風アニメーションは憧れでやってみま...

フルスクリーン背景画像の 100%表示と iPhone 対応方法

フルスクリーン画像表示をやってみました iphone 対応も...

css フルースクリンの背景画像と透けるログイン画面

フルースクリンの背景画像あるいは背景ビデオ、プラス透けるログイン画面を作ってみました...

CSS :before & :after pseudo-elements 疑似要素で画像を重ねる

css画像重ねる効果がほしかったので、cssで画像回転しながらbefore afterで工夫やってみ...

Nuxt Fontawesome アイコン使う

Font Awesome 特徴と使い方、Nuxtjs Vuejs で Font Awesome使う方...

CSS background と conic-gradient で bookmark のブックマーク作る

画像使わずにcssブックマークをスタイルシートのbackgroundとconic-gradientで...

google color palette

google color paletteが用意してくれているから、センスなくてもきれいに配色できる...

margin 上下効かない原因