CSS输入内容框时,其它内容,背景,颜色,提示效果。。。
效果:
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLiQ3chVEa0V3bT9CX5RXa2Fmcn9CXwczLcVmds92czlGZvwVP9EUTDZ0aRJkSwk0LcxGbpZ2LcBDM08CXlpXazRnbvZ2LcRlMMVDT2EWNvwFdu9mZvwVPNhVZ0Z0RaZXUYpVd1kmYr50MZV3YyI2cKJDT29GRjBjUIF2LcRHelR3LcJzLctmch1mclRXY39zM1kTO0QDNwETMxYDM0EDMy8CX0Vmbu4GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.jpg)
</pre>CSS:<pre name="code" class="css">input{ height:24px; line-height:24px; padding:2px 10px;}
/*Webkit browsers*/
::-webkit-input-placeholder{ color:#888;}
/*Mozilla Firefox 4 to 18*/
:-moz-placeholder{ color:#888; opacity:1;}
/*Mozilla Firefox 19 +*/
::-moz-placeholder{ color:#888; opacity:1;}
/*Internet Explorer 10 +*/
:-ms-input-placeholder{ color:#888;}
HTML:
<form action="">
<input type="text" placeholder="user..."/><br /><br />
<input type="text" placeholder="pass..."/><br /><br />
<input type="submit" value="submit" />
</form>