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- */

input placeholder css

::placeholder {
  color: red;
}

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- */

input placeholder css

input::placeholder {
  color: red;
}

input placeholder css

::placeholder {
  color: red;
}

placeholder text css

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

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

input placeholder css

input::placeholder {
  color: red;
}

placeholder text css

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

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

placeholder text css

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

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

css style placeholder

::placeholder {
  /*styles here*/
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  /*styles here*/
}

placeholder text css

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

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

input placeholder css

form ::-webkit-input-placeholder {
      color: #4d4c4c;
      font-family: "Libre Franklin", sans-serif;
      font-size: 12px;
  }
  
  form :-moz-placeholder {
      color: #4d4c4c;
      font-family: "Libre Franklin", sans-serif;
      font-size: 12px;
  }
  
  form ::-moz-placeholder {
      color: #4d4c4c;
      font-family: "Libre Franklin", sans-serif;
      font-size: 12px;
  }
  
  form :-ms-input-placeholder {
      color: #4d4c4c;
      font-family: "Libre Franklin", sans-serif;
      font-size: 12px;
  }

css style placeholder

::placeholder {
  /*styles here*/
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  /*styles here*/
}

input placeholder css

textarea::-webkit-input-placeholder {
  color: #0bf;
}

textarea:-moz-placeholder { /* Firefox 18- */
  color: #0bf;  
}

textarea::-moz-placeholder {  /* Firefox 19+ */
  color: #0bf;  
}

textarea:-ms-input-placeholder {
  color: #0bf;  
}

textarea::placeholder {
  color: #0bf;  
}

input placeholder css

form ::-webkit-input-placeholder {
      color: #4d4c4c;
      font-family: "Libre Franklin", sans-serif;
      font-size: 12px;
  }
  
  form :-moz-placeholder {
      color: #4d4c4c;
      font-family: "Libre Franklin", sans-serif;
      font-size: 12px;
  }
  
  form ::-moz-placeholder {
      color: #4d4c4c;
      font-family: "Libre Franklin", sans-serif;
      font-size: 12px;
  }
  
  form :-ms-input-placeholder {
      color: #4d4c4c;
      font-family: "Libre Franklin", sans-serif;
      font-size: 12px;
  }

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

input placeholder css

textarea::-webkit-input-placeholder {
  color: #0bf;
}

textarea:-moz-placeholder { /* Firefox 18- */
  color: #0bf;  
}

textarea::-moz-placeholder {  /* Firefox 19+ */
  color: #0bf;  
}

textarea:-ms-input-placeholder {
  color: #0bf;  
}

textarea::placeholder {
  color: #0bf;  
}

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

style placeholder

input placeholder text color change

style placeholder

input placeholder text color change