input的改变placeholder的颜色

<input type="text"  placeholder="123"/>

第一种解决办法：

::-webkit-input-placeholder{ color:#ea7a7a}
:-moz-placeholder{ color:#ea7a7a}
::-moz-placeholder{ color:#ea7a7a}
:-ms-input-placeholder{ color:#ea7a7a}

:focus::-webkit-input-placeholder{ opacity:0;}
:focus:-moz-placeholder{ opacity:0;}
:focus::-moz-placeholder{ opacity:0;}
:focus:-ms-input-placeholder{ opacity:0;}

第二种：

<input type="text"  value="例如：荷棠鱼坊烤鱼 或樱花日本料理"/>

直接设置

color:#ea7a7a就行了。

通过js的focus把value清空就好了、