placeholder input text css code example

Example 1: placeholder text css

input {
  border: 1px solid black;
  padding: 3px;
  height: 20px;
}

input:placeholder-shown {
  border-color: teal;
  color: purple;
  font-style: italic;
}

Example 2: placeholder text css

input {
  border: 1px solid black;
  padding: 3px;
  height: 300px;
}

input:placeholder-shown {
  border-color: teal;
  color: purple;
  font-style: italic;
}

Example 3: change input placeholder text css

#text2::-webkit-input-placeholder::before {
    color:#666;
    content:"Line 1\A Line 2\A Line 3\A";
}