CSS Placeholder CSS

Edit Code
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
/* all */
::-webkit-input-placeholder {
color:red;
}
::-moz-placeholder {
color:red;
} /* firefox 19+ */
:-moz-placeholder {
color:red;
}
:-ms-input-placeholder {
color:red;
} /* ie */

/* Search searchfield2 */
input[type="password"]::-webkit-input-placeholder {
color:green;
}
input[type="password"]::-moz-placeholder {
color:green;
} /* firefox 19+ */
input[type="password"]:-moz-placeholder {
color:green;
}
input[type="password"]:-ms-input-placeholder {
color:green;
} /* ie */
</style>
</head>

<body>
<h1>HTML5 Placeholder Styling With CSS</h1>
<section style="position:relative;">
	<form>
		<input type="search" placeholder="Search1">
		<input type="password" placeholder="Enter Your Password" value="">
	</form>
</section>
</body>
</html>
Preview html View