Breaking News: Grepper is joining You.com. Read the official announcement!

Change a HTML5 input's placeholder color with CSS

Add Answer

shafeeque answered on March 7, 2022 Popularity 10/10 Helpfulness 4/10

answer Change a HTML5 input's placeholder color with CSS

related how to change color of placeholder in css

related how to change input placeholder color

related how to change placeholder text color in css

Change a HTML5 input's placeholder color with CSS

Comment

/* do not group these rules */
*::-webkit-input-placeholder {
    color: red;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: red;
    opacity: 1;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: red;
    opacity: 1;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: red;
}
*::-ms-input-placeholder {
    /* Microsoft Edge */
    color: red;
}
*::placeholder {
    /* modern browser */
    color: red;
}
<input placeholder="hello"/> <br />
<textarea placeholder="hello"></textarea>

Popularity 10/10 Helpfulness 4/10 Language html

Source: stackoverflow.com

Tags: css html placeholder

Link to this answer
Share Copy Link

Contributed on Mar 07 2022

shafeeque

0 Answers Avg Quality 2/10

Closely Related Answers

how to change color of placeholder in css

Comment

/* Target the placeholder selector of an input element */
::placeholder {
  color: red; /* Change the color to desired value */
}

/* Optional styling for specific input element */
input[type="text"]::placeholder {
  font-style: italic;
}

Popularity 9/10 Helpfulness 8/10 Language css

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

how to change input placeholder color

Comment

input::placeholder{
color:blue;
}

Popularity 10/10 Helpfulness 7/10 Language whatever

Source: Grepper

Tags: input inpu

Link to this answer
Share Copy Link

Contributed on Apr 30 2022

Inquisitive Iguana

0 Answers Avg Quality 2/10

how to change placeholder text color in css

Comment

/* Select the placeholder text of an input field with id "myInput" */
#myInput::placeholder {
  color: red;
}

/* Select the placeholder text of all input fields */
input::placeholder {
  color: blue;
}

Popularity 9/10 Helpfulness 7/10 Language css

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

Change a HTML5 input's placeholder color with CSS

Contents

More Related Answers

Change a HTML5 input's placeholder color with CSS

Closely Related Answers

how to change color of placeholder in css

how to change input placeholder color

how to change placeholder text color in css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.