天天看点

HTML5----CSS输入框背景,颜色,内容提示效果-placeholder属性

CSS输入内容框时,其它内容,背景,颜色,提示效果。。。

效果:

HTML5----CSS输入框背景,颜色,内容提示效果-placeholder属性
</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>