Does anyone know what is the default color and font and size for placeholders for inputs and textareas?
<input type="text" name="input" placeholder="Select data" class="form-control"/>
Depending on your application / need, you could use a color picker tool, or you could use your Browser's developer console, to be sure. But...
The default input placeholder color varies by browser.
In your screenshot, it's #8e8e8e
Some examples by browser:
In Chrome (Mac) it's #a9a9a9
in Firefox (Mac) it's #777777
Bootstrap 3 does define a "default" placeholder color, which you can see by inspecting the CSS a variety of ways - below is from the CSS directly (For Bootstrap v3.3.7):
.form-control::-moz-placeholder{
color:#999;
opacity:1
}
.form-control:-ms-input-placeholder{
color:#999
}
.form-control::-webkit-input-placeholder{
color:#999
}
So - Bootstrap 3 defines the default placeholder color as #999
. (For reference, Bootstrap 4 defines the default placeholder color as #636c72
).
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With