我用蓝色字体和红色placeholder创建了一个, 现在我想通过Chrome开发者工具(F12)检查其他placeholder的颜色,就像我可以为字体颜色做的那样 - 我该如何为placeholder获取相同的Chrome开发者工具颜色选择器? input[type="text"] { color: blue; } ::-webkit-input-placeholder { color: red; } <input type="text" placeholder="Type Here">
如果我理解正确,您想在Chrome开发者工具中添加颜色选择器,就像字体一样。要实现这个功能,请按照以下步骤操作: 按F12键 单击右侧边栏右上角的“+”图标: 添加新规则。粘贴您的选择器和属性: 现在,您可以像修改字体颜色一样修改您的规则。希望这是您想要实现的功能。
要在Chrome开发工具中查看和操作::placeholder样式,您可以启用Show user agent shadow DOM设置。它可以在开发工具设置下找到⚙️ > Preferences > Elements。 我在这篇博客文章中找到了解决方案:https://newbedev.com/inspect-webkit-input-placeholder-with-developer-tools 来自2021年的问候