データサイエンティストハトリのブログ

PythonとインテリジェントクラウドとAIが好きな学生エンジニア。データ分析、スクレイピング、就職活動などについて書いていきます。

placeholderの中にCSSをあてて文字サイズを小さくする方法

f:id:hatorihatorihatorik:20180915001213p:plain

 

 

placeholderの中ってどういうCSSを当てれば変更できるのかな〜時になったので調べてみました。

これをあてることで、文字サイズを小さくしたり、 色を変えたりできます。

 

サンプルコード

 

input::-webkit-input-placeholder {
  font-size: 10px;
}
input:-moz-placeholder {
  font-size: 10px;
}
input::-moz-placeholder {
  font-size: 10px;
}
input:-ms-input-placeholder {
  font-size: 10px;
}