使用开发工具检查webkit-input-占位符

可以用下面的方法来设置文本输入的占位符:

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

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

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

enter image description here

在检查输入元素时，开发工具不会提供有关占位符元素的信息。还有别的办法吗?

80944 次浏览

小开

最佳答案

我想明白了。

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

enter image description here

要进行设置，单击开发工具面板右上方的齿轮图标，然后确保左侧的Preferences选项卡被选中，找到Elements标题，并选中“Show user agent shadow dom”。标题下方的复选框。

这样，你就可以看到:

enter image description here

小开

下面的图片展示了这个过程:

进入设置>首选项:
< / p >

查看占位符的CSS格式:
< / p >