3

次のコードを使用して、サイトのすべてのヘッダー、入力、選択、テキスト領域、および入力プレースホルダーのフォントを上書きしようとしています。

h1, h2, h3, h4, h5, h6,
button, input, select, textarea,
:-ms-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
::-webkit-input-placeholder {
    font-family:some font name;
}

問題は、何らかの理由でChromeで動作しないことです。:-mozと参照を削除すると:-ms、chromeは正常に機能します。これにより、Chromeは何らかの理由で疑似クラスを好まないと思いますか？Chromeとは関係のない疑似クラスがChromeを機能させない理由がわからないため、困惑しています。

4

1 に答える 1

13

すべてのブラウザで機能するには、個別に宣言する必要があります。そうしないと、競合によってこのような望ましくない結果が発生します。

h1, h2, h3, h4, h5, h6,
button, input, select, textarea {
    font-family: somefont;
}
::-webkit-input-placeholder {
    font-family: somefont;
}
:-moz-placeholder {
    font-family: somefont;
}
::-moz-placeholder {
    font-family: somefont;
}
:-ms-input-placeholder {
    font-family: somefont;
}
于 2013-01-25T23:19:57.677 に答える