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

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）。

Answer 2

如果您打开df <- data.frame(x=1:3, y = 2:4, f = as.factor(1:3)) my_colors <- c('1'= "blue", '2' = "red", '3' = "yellow") ggplot(df) + geom_point(aes(x = x, y = y, color = f)) + scale_color_manual(values = my_colors) 文件，bootstrap.css + ctrl（查找）并搜索“表单控件”并查找占位符，您会发现：

f

根据引导documentation：

  

Bootstrap的全局默认字体大小为14px，行高为1.428。这适用于所有段落。此外，

（段落）的底部边距为其计算行高的一半（默认为10px）。

link to color