::-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 {
color: red;
}
input::placeholder {
color: red;
}
input {
border: 1px solid black;
padding: 3px;
height: 300px;
}
input:placeholder-shown {
border-color: teal;
color: purple;
font-style: italic;
}
input {
border: 1px solid black;
padding: 3px;
height: 20px;
}
input:placeholder-shown {
border-color: teal;
color: purple;
font-style: italic;
}
::placeholder {
/*styles here*/
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
/*styles here*/
}
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;
}
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;
}
<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 text color change
Code Example |
---|
Css :: css transform origin |
Css :: purgecss cli |
Css :: css opacity from 0 to 1 |
Css :: css conver innertext to html using css |
Css :: css auto heigh div |
Css :: transform orgin css |
Css :: how to create a circle with css |
Css :: mediaquery for portrate |
Css :: how to underline font in css |
Css :: Disable text selection/highlight |
Css :: position absolute horizontally center |
Css :: import custom font |
Css :: !important css |
Css :: html css navbar with dropdown |
Css :: how to add a vertical line in html |
Css :: image with background color css |
Css :: grid template rows |
Css :: hide page scrollbar css |
Css :: remove contact form 7 css |
Css :: css border-left |
Css :: flexbox properties css |
Css :: change svg color on hover, css |
Css :: linear gradient tailwind css |
Css :: mysql_config not found |
Css :: purge tailwind 3 |
Css :: how to stop overflow in css |
Css :: css change text color |
Css :: darken scss |
Css :: font shorthand css |
Css :: css minmax |