Placeholder css

Css placeholder color

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

Source: css-tricks.com

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 margin placeholdr text

input[type="text"]::placeholder {  
                  
                /* Firefox, Chrome, Opera */ 
                padding-left: 10px; 
            } 
/*Must include type="text" in HTML*/

-1

Similar codes

0 vote288 views1 answer
Select multiple id css
CSS
-2 votes362 views1 answer
Sliding text css
CSS
22 votes365 views6 answers
Font family css
CSS
0 vote376 views1 answer
Not for specific child class
CSS
0 vote352 views1 answer
How to display a header in the center of the column in css
CSS
0 vote413 views1 answer
Css get the image to the center and to make it relative to the width of the parent.
CSS
115 votes359 views6 answers
Css padding
CSS
14 votes415 views4 answers
Text align left bootstrap
CSS Bootstrap
4 votes378 views5 answers
Bootstrap img src
CSS Bootstrap
22 votes341 views4 answers
Css flip image horizontally
CSS