html - 使用开发者工具检查 webkit-input-placeholder

标签 html css

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

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

我正在查看一个在线网站,我想使用与他们相同的占位符颜色。有没有可能弄清楚他们使用了什么颜色?我想包含任何 alpha 值,所以我不能只使用图像编辑器对颜色进行采样。

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

enter image description here

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

最佳答案

我想通了。

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

enter image description here

要进行设置,请单击开发工具面板右上角的齿轮图标,然后确保选择左侧的“首选项”选项卡,找到“元素”标题,然后选中“显示用户代理影子 DOM”该标题下方的复选框。

有了它,你现在可以看到它了:

enter image description here

关于html - 使用开发者工具检查 webkit-input-placeholder,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26852922/

相关文章:

html - 页脚图像不粘在底部

html - 适合对象 : contain; Calculate even height based on width percentage %?

javascript - 如何防止从顶级下拉 anchor 导航?

html - 当使用jade的 "pretty"选项时,如何防止单个 block 中的元素之间存在空格?

html - 内表内容与外表不对齐

html - 每次单击按钮时图像都会褪色并且新图像开始显示在第一张图像之上?

javascript - 在 CSS .style.transform 函数中,我试图将度数添加为 90 + MenuRotate,这是一个变量

html - 不透明度使文本在框中居中并使文本变为实心

javascript - 单击时使用 jquery 更改图标

javascript - 创建的 div 元素的随机边距不起作用