在输入上使用颜色会覆盖css占位符颜色

Question

我正在尝试为输入分配一些颜色，如下所示：

textarea::-webkit-input-placeholder { color: #ccc; }
input::-webkit-input-placeholder { color: #ccc; }
textarea:-moz-placeholder { color: #ccc; }
input:-moz-placeholder { color: #ccc; }

但如果我还为输入分配颜色，如：

input{color:#FF0000;}

然后后一种颜色优先于颜色和占位符

无论如何都要避免这种情况吗？