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

Pythonをよく書きます。機械学習、ディープラーニングの研究をしてます。

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;
}