::-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 {
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;
}#text2::-webkit-input-placeholder::before {
color:#666;
content:"Line 1\A Line 2\A Line 3\A";
}
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;
}<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