<html>
<head>
<style>
input:placeholder-shown {
background-color: beige;
border: 2px solid maroon;
border-radius: 5px;
font-style: italic;
}
</style>
</head>
<body>
<h1>Demo of :placeholder-shown</h1>
<input type="text" name="fname" placeholder="Type your first name here..">
</body>
</html>