New サムネイル CSSでプレースホルダー(placeholder)の色を変える:ベンダープレフィックスをカンマつ New サムネイル GolangでGoogle Cloud Storageに画像やファイルをアップロードする(os. New サムネイル GoでMySQLやMariaDBのtimestampを読みこむ:データベース接続時に?parse

CSSでプレースホルダー(placeholder)の色を変える:ベンダープレフィックスをカンマつなぎでまとめて書かないようにしよう

広告

CSS でプレースホルダーの色を変えるときは -webkit-input-placeholder などのベンダープレフィックスを使う。結論は次のコードである。

:-moz-placeholder {
    color: #aaa;
    opacity: 1;
}

::-moz-placeholder {
    color: #aaa;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #aaa;
}

::-ms-input-placeholder {
    color: #aaa;
}

::-webkit-input-placeholder {
    color: #aaa;
}

::placeholder {
    color: #aaa;
}

これをまとめて書くと(少なくとも 2019.07.01 時点のクロームブラウザで)正常に動かない。つまり次のコードではプレースホルダーの色は変わらない。

:-moz-placeholder,
::-moz-placeholder {
    color: #aaa;
    opacity: 1;
}

:-ms-input-placeholder,
::-ms-input-placeholder,
::-webkit-input-placeholder,
::placeholder {
    color: #aaa;
}

ベンダープレフィックスを使うときは別々にしたほうがいいようだ。

広告

広告

広告

コンピューター コンピューター
プログラミング プログラミング
数学 数学
英語 英語
国語 国語
理科 理科
社会 社会

Python入門

Python入門

化学入門

化学入門

漢字辞典

漢字辞典

整数辞典

漢字辞典

Lord Candy

Lord Candy