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

Question

我input用蓝色字体颜色和红色做过placeholder，

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

我怎么也可以使用相同的Chrome Developer Tools颜色选择器placeholder？

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

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

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

Answer 1

据我了解，您想在Chrome开发者工具中使用颜色选择器，就像字体一样。为此，请按照下列步骤操作：

1. 按F12

2. 单击+右侧栏右上角的图标：

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

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