入力ボックスplaceholderテキストのデフォルト色の変更-webkit-input-placeholder
600 ワード
html 5はinputにオリジナルのプレースホルダ属性placeholderを追加し、高度なブラウザでは次のような属性がサポートされています.
デフォルトのplaceholderフォントの色は薄いグレーです.このデフォルトの色を変更するには、次のようにします.
以上のコードはBootstrapフレームワークのbootstrapから抜粋する.css
デフォルトのplaceholderフォントの色は薄いグレーです.このデフォルトの色を変更するには、次のようにします.
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #f00;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #f00;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #f00;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #f00;
}
以上のコードはBootstrapフレームワークのbootstrapから抜粋する.css