実践で学ぶRuby on rails 〜仮説千本ノック〜

プログラマーとして独立するため日々スキルアップに励んでいます。優れたプログラマは仮説を立てるのがうまい。そこを目指して仮説を立てては検証する日々です!!

placeholderのテキストが表示されない

解決したい問題

placeholderを設定したのに、「ここに名前を入力してください」等のテキストが表示されない。

 

解決方法

ケース別の解決方法は次の通りです。

①font-sizeが0に設定されているケース

placeholderで表示されるテキストの大きさはfont-sizeで設定しますので、0だとテキストが見えなくなってしまいます。

よくあるのが、親要素のfont-size0を子要素が承継した結果表示されなくなるなるケース。

この場合、子要素で改めてfont-sizeを設定すれば表示されます。

 

原因は他にも色々ありますが、それは追って紹介します。