ハック 2014.06.27 2,810 CSS3 / placeholderCSS3のみでplaceholderをフォーカスした時に空にする ツイート シェア はてな input:focus::-webkit-input-placeholder { color:transparent; } input:focus:-moz-placeholder { color:transparent; } input:focus::-moz-placeholder { color:transparent; }CSS3でしかできない方法ですが、jsが使えない場合はオススメです。つくってみた!社長が「寒い寒い」というので社長席の温度をRaspberry Piで監視してみた。社内のトイレ難民解決!トイレ空き状況確認システムを作ってみたAmazon Polly と Slack を使って Alexa へ (物理的に) 話しかけるシステムを作ってみた関連記事 placeholderの文字色を変更する placeholderをフォーカスした時に空にする CSSハックを使わずにplaceholderの文字色を変更する MS Edge で placeholderが消えてしまう問題の解決 Sassで&を使ってCSSの記述をコンパクトにする 「:focus」で入力エリアのon-offをCSSで制御する