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

Question

我用蓝色字体颜色和红色 placeholder 做了一个 input ，

现在我想通过 Chrome 开发者工具 (F12) 检查其他 placeholder 颜色，就像我对字体颜色所做的一样 -

我怎样才能为 placeholder 获得相同的 Chrome 开发者工具颜色选择器？

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

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

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

Answer 1

如果我理解你的意思，你希望在 Chrome 开发者工具中有颜色选择器，就像字体一样。为此，请按照以下步骤操作:

1. 按 F12

2. 点击右侧边栏右上角的+图标:

3. 添加新规则。粘贴您的选择器和属性:

现在您可以按照与字体颜色相同的方式修改您的规则。我希望这是你想要实现的目标