Change input placeholder style with CSS

PloMar
Posts: 48

Change input placeholder style with CSS

I have an input element with placeholder attribute, like this:

Code: Select all

<input type="text" name="yname" placeholder="Some text" />

How can i change the style of the placeholder text displayed in the input field, using CSS (color and font-weight)?

MarPlo
This will style all input and textarea placeholders.
- Note: Do not group these rules into a selector. Make a separate rule for every selector. Otherwise the whole group would be ignored by all browsers.

Code: Select all

*::-webkit-input-placeholder {
  color: blue;
  font-weight: 700;
}
*::-moz-placeholder {
  /* FF 19+ */
  color: blue;
  font-weight: 700;
}
*:-ms-input-placeholder {
  /* IE 10+ */
  color: blue;
  font-weight: 700;
}

Adv. Posts: 01

Similar Topics