CSS不工作在Mozilla Firefox瀏覽器

Question

這裏是我的CSS代碼：

input:focus::-webkit-input-placeholder { color:transparent; } 
input:focus::-moz-input-placeholder { color:transparent; } 

我的CSS不工作在Mozilla Firefox。請讓我知道我的代碼中有什麼問題。

在此先感謝。

Answer 1

據CSS Tricks，正確的選擇是：

::-moz-placeholder /* Firefox v19+ */ 
:-moz-placeholder /* Firefox v18- */ 

^{（因爲好像你使用CSS3選擇器，你可以只使用前）}

你可能得到了這個困惑，因爲Webkit有自己的供應商前綴-webkit-input-，但Firefox只有-moz-（沒有input）。