降低輸入佔位符CSS

Question

這是我的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？

Answer 1

你基本上不能減少它。由於CSS的特性，您的嘗試不起作用。當瀏覽器不理解選擇器的一部分時，它完全忽略整個規則。例如，Firefox（顯然）不瞭解:: webkit-input-placeholder，所以它跳過了一切。

如果覺得，讓重複的代碼遠離你的眼睛的唯一方法是使用像LESS這樣的工具和一些mixins：http://robandlauren.com/2012/04/10/less-mixin-for-styling-html5-placeholders/但是如果你只需要使用它一次，那麼對不起，您可以在不限制瀏覽器支持的情況下查看減少代碼的方法。