Placeholder text css

Placeholder css

::-webkit-input-placeholder {color: pink;} /* Chrome/Opera/Safari */
::-moz-placeholder { color: pink;} /* Firefox 19+ */
:-ms-input-placeholder { color: pink;} /* IE 10+ */
:-moz-placeholder {color: pink;}  /* Firefox 18- */

Placeholder text css

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

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

Source: developer.mozilla.org

Placeholder text css

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

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

Source: developer.mozilla.org

How to customize placeholder css

<form>
  <input type="text" id="name" name="name" required="required" />
  <label for="name">Name</label>
  <br/>
  <input type="email" id="email" name="email" placeholder="Email" required="required" />
  <br/>
  <input type="submit" />
</form>
 Run code snippetHide results

Source: stackoverflow.com

Change input placeholder text css

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

-1

Source: stackoverflow.com

Similar codes

1 vote172 views1 answer
Comfirm before delete
CSS
0 vote174 views1 answer
Csshx iterm2
CSS
0 vote173 views1 answer
Rainvow hover css
CSS
0 vote173 views1 answer
Css remove link border on click
CSS
49 votes182 views6 answers
Min and max width media query
CSS
126 votes239 views5 answers
React Bootstrap css import
CSS Bootstrap
1 vote186 views1 answer
Margin clickable
CSS
4 votes135 views1 answer
Grid mdn
CSS
29 votes176 views2 answers
How to horizontal center a div in css
CSS
0 vote169 views1 answer
Htnl css
CSS