可以使用以下样式设置文本输入的占位符：
-webkit-input-placeholder { color: red; }
我正在在线查看一个网站，我想使用与他们相同的占位符颜色。有没有可能弄清楚他们使用了什么颜色？我想包含任何 alpha 值，所以我不能只用图像编辑器对颜色进行采样。
当我使用 Chrome 开发工具检查元素时，我看到：
开发工具在检查输入元素时不提供有关占位符元素的信息。还有其他方法吗？
我想到了。
诀窍是在 Chrome 开发者工具的设置面板中启用“显示用户代理影子 DOM”：
要进行设置，请单击 Dev Tools 面板右上角的齿轮图标，然后确保选中左侧的 Preferences 选项卡，找到 Elements 标题，然后选中下方的“Show user agent shadow DOM”复选框标题。
有了它，您现在可以看到它：
