2

これは私のCSSです：

#login-box ::-webkit-input-placeholder {
    color: #666;
}

#login-box :-moz-placeholder {
    color: #666;
}

#login-box ::-moz-placeholder {
    color: #666;
}

#login-box :-ms-input-placeholder {
    color: #666;
}

私はそれを次のように減らしようとしました：

#login-box ::-webkit-input-placeholder,
#login-box :-moz-placeholder,
#login-box ::-moz-placeholder,
#login-box :-ms-input-placeholder {
    color: #666;
}

しかし、それはそれを壊しました。

上記のCSSを減らすにはどうすればよいですか？

4

1 に答える 1

2

基本的にそれを減らすことはできません。CSSの機能が原因で、試行が機能しませんでした。ブラウザがセレクタの一部を理解しない場合、ルール全体を完全に無視します。たとえば、Firefoxは（明らかに）::-webkit-input-placeholderを理解しないため、すべてをスキップします。

考えてみれば、重複したコードを目から遠ざける唯一の方法は、LESSなどのツールや次のようなミックスインを使用することです。http：//robandlauren.com/2012/04/10/less-mixin-for-styling -html5-placeholders /ですが、一度だけ使用する必要がある場合は、申し訳ありませんが、ブラウザのサポートを制限せずにそのコードを減らす方法がわかりません。

于 2013-01-19T16:22:29.430 に答える