从Chrome开发者工具样式

时间:2016-11-29 15:26:54

标签: css google-chrome google-chrome-devtools

我做了input蓝色字体颜色和红色placeholder

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

enter image description here

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



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

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

<input type="text" placeholder="Type Here">
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:6)

如果我理解你,你想在Chrome Developer Tool中使用颜色选择器,就像字体一样。为此,请按照以下步骤操作:

  1. 按F12
  2. 点击右侧边栏右上角的+图标: enter image description here

  3. 添加新规则。粘贴选择器和属性: enter image description here

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