【发布时间】：2014-12-08 06:18:57
【问题描述】：
我知道如何使用每个浏览器指定的伪类跨浏览器设置占位符文本/背景/字体大小等的 CSS 样式。但是我无法使用开发工具在浏览器中设置它们的样式，也没有找到关于这是否可能的答案。
我喜欢使用占位符样式而不需要反复试验的工作流程。
【问题讨论】：
标签： html css textfield placeholder
【发布时间】：2014-12-08 06:18:57
【问题描述】：
在 Chrome 中是可能的。
转到开发工具设置（右上角的齿轮图标）并在常规|元素下打开“显示用户代理影子 DOM”。
现在去检查你的文本框。现在输入元素旁边应该有一个箭头。
展开并选择<div psuedo="-webkit-input-placeholder" id="placeholder" style="visibility: visible; text-overflow: clip;">。
您用来修改占位符的类应该显示在样式窗格中。
它应该是这样的：
【讨论】：