Placeholder Text Using CSS3
by muthu[ Edit ] 2014-02-03 11:13:06
Placeholder Text Using CSS3
----------------------------------------------DEMO----------------------------------------------------
----------------------------------------------CSS3----------------------------------------------------
.txt { width:500px; height:50px; font:30px Verdana, Geneva, sans-serif; border:5px solid #027fce; padding:10px; margin:0; color:#CCC; }
.but { width:150px; height:80px; font:30px Verdana, Geneva, sans-serif; border:5px solid #027fce; padding:10px; background:#027fce; margin-left:-10px; color:#FFF; }
input:-moz-placeholder { color: green; }
----------------------------------------------HTML5----------------------------------------------------
<input id="test" placeholder="Enter Your Name" class="txt">
<input type="button" class="but" value="Search">