输入占位符的默认颜色和字体是什么

Question

有谁知道输入和textareas的占位符的默认颜色和字体和大小是什么？

<input type="text" name="input" placeholder="Select data" class="form-control"/>

Answer 1

根据您的应用程序/需要,您可以使用颜色选择器工具,或者您可以使用浏览器的开发人员控制台来确定.但...

在默认的输入占位符颜色由浏览器的不同而不同.

在你的截图中,它是 #8e8e8e

浏览器的一些示例:
在Chrome(Mac)中,它#a9a9a9
位于Firefox(Mac)中#777777

Bootstrap 3确实定义了一个"默认"占位符颜色,您可以通过多种方式检查CSS来看到 - 下面是直接来自CSS(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
}

所以 - Bootstrap 3将默认的占位符颜色定义为#999.(作为参考,Bootstrap 4定义了默认的占位符颜色#636c72).