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

有人知道输入和文本区域占位符的默认颜色、字体和大小吗

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

---

如果打开

bootstrap.css

文件和

ctrl

+

f

（查找）并搜索“表单控件”并查找占位符，您将找到：

  .form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}

根据bootstraps：

Bootstrap的全局默认字体大小为14px，行高为1.428。这适用于所有段落。此外，（段落）接收的底部边距为其计算行高的一半（默认为10px）

---

根据您的应用程序/需要，您可以使用颜色选择器工具，也可以使用浏览器的开发人员控制台。但是

默认输入占位符颜色因浏览器而异

在您的屏幕截图中，它是

#8e8e8e

按浏览器列出的一些示例：
在Chrome（Mac）中，它是

#A9A9

在Firefox（Mac）中，它是

#777777

Bootstrap3确实定义了一个“默认”占位符颜色，您可以通过多种方式检查CSS来查看它-下面是直接从CSS中获得的（对于Bootstrap3.3.7）：

---

因此-bootstrap3将默认占位符颜色定义为

#999

。（作为参考，Bootstrap 4将默认占位符颜色定义为

636c72

）。

使用颜色选择器工具。我相信它也因浏览器而异。在您的屏幕截图中，

#8e8e8e

确认它是#8e8e8e此设置特定于浏览器，未在任何标准中定义。对于大多数支持dome类开发工具（如Chrome）的浏览器，您可以使用这些工具来检查元素在默认情况下呈现的颜色/字体。尽管你必须意识到这种行为可能会改变。更重要的是，当你需要知道这一点时，我无法想象任何现实世界中的情景。@cale_b发布一个答案，我会接受它

.form-control::-moz-placeholder{
    color:#999;
    opacity:1
}

.form-control:-ms-input-placeholder{
    color:#999
}

.form-control::-webkit-input-placeholder{
    color:#999
}