使用开发人员工具检查webkitinput占位符

可以使用以下方式设置文本input的占位符的样式：

-webkit-input-placeholder { color: red; } 

我正在网上查看一个网站，我想要使用相同的占位符颜色。 是否有可能弄清楚他们使用了什么颜色？ 我想包括所有的alpha值，所以我不能只用图像编辑器对颜色进行采样。

当我使用Chrome开发工具检查元素时，我看到：

当检查input元素时，开发工具不提供关于占位符元素的信息。 有另一种方法吗？

Answer 1

我想到了。

诀窍是在Chrome开发者工具的设置面板中启用“显示用户代理阴影DOM”：

有了这个，你现在可以看到它：