使用开发人员工具检查webkit-input-placeholder

Question

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

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

我正在网上看一个网站，我想使用相同的占位符颜色，因为他们做的。有可能查出他们用的是什么颜色吗？我想包括任何alpha值，所以我不能仅仅用图像编辑器对颜色进行采样。

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

Dev tools在检查输入元素时不提供有关placeholder元素的信息。还有别的办法吗？

Answer 1

我想出来了。

诀窍是在Chrome Developer Tools的设置面板中启用“显示用户代理阴影DOM”：

要进入设置，请单击Dev Tools面板右上方的“”按钮，然后单击settings，它位于default Preferences选项卡下。