从Chrome开发者工具样式更改输入占位符颜色

Question

3

我用蓝色字体和红色placeholder创建了一个，

现在我想通过Chrome开发者工具（F12）检查其他placeholder的颜色，就像我可以为字体颜色做的那样 -

我该如何为placeholder获取相同的Chrome开发者工具颜色选择器？

input[type="text"] {
    color: blue;
}

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

<input type="text" placeholder="Type Here">

- URL87

2个回答

1

要在Chrome开发工具中查看和操作::placeholder样式，您可以启用Show user agent shadow DOM设置。它可以在开发工具设置下找到⚙️ > Preferences > Elements。

来自2021年的问候

- sra

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Sebastian Kaczmarek · Accepted Answer

如果我理解正确，您想在Chrome开发者工具中添加颜色选择器，就像字体一样。要实现这个功能，请按照以下步骤操作：

现在，您可以像修改字体颜色一样修改您的规则。希望这是您想要实现的功能。