入力ボックスplaceholderテキストのデフォルト色の変更-webkit-input-placeholder

600 ワード

html 5はinputにオリジナルのプレースホルダ属性placeholderを追加し、高度なブラウザでは次のような属性がサポートされています.


デフォルトの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