#cssref ::placeholder | Embed - Codrops Playground

<div class="container">
  <input type="text" placeholder="This is some placeholder text..">
  <input type="date" placeholder="DD/MM/YYYY">
</div>

* {
  box-sizing: border-box;
}

body {
  background-color: #F5F5F5;
  color: #555;
  font-size: 1.1em;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.container {
  margin: 40px auto;
  max-width: 300px;
  background-color: palevioletred;
  padding: 1em;
}

input {
  border: 1px solid #aaa;
  background-color: white;
  padding: 1em;
  margin-bottom: 1em;
  display: block;
  width: 100%;
}

input::-webkit-input-placeholder {
  color: palevioletred;
}

::-moz-placeholder {
  color: palevioletred;
}

:-ms-input-placeholder {
  color: palevioletred;
}

::-webkit-input-placeholder {
  color: palevioletred;
}

::placeholder {
  color: palevioletred;
}