public
Last active

CSS: Plaholder style

  • Download Gist
dabblet.css
CSS
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
input::-webkit-input-placeholder {
color: #999;
}
input:-moz-placeholder {
color: #999;
}
input:-ms-input-placeholder {
color: #999;
}
input:focus::-webkit-input-placeholder {
color: #d6d6d6;
}
input:focus:-moz-placeholder {
color: #d6d6d6;
}
input:focus:-ms-input-placeholder {
color: #d6d6d6;
}
dabblet.html
HTML
1 2 3 4 5
<h1>Style placeholder with CSS</h1>
<form action="">
<input id="name" name="name" placeholder="Ecrivez votre nom" required>
<button type="submit">Valider</button>
</form>
dabblet.js
JavaScript
1
// alert('Hello world!');
settings.json
JSON
1
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.