Placeholder Text Using CSS3

by muthu 2014-02-03 11:13:06

Placeholder Text Using CSS3

----------------------------------------------DEMO----------------------------------------------------
placeholder.jpg
----------------------------------------------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">
702
like
0
dislike
0
mail
flag

You must LOGIN to add comments