在工具中设置输入占位符CSS

我知道如何使用每个浏览器指定的伪类在浏览器之间对占位符文本/背景/ font-size等的CSS进行风格化.然而,我无法在浏览器中使用开发工具对它们进行风格化,并没有找到是否可以这样做的答案.

我喜欢在没有试错工作流程的情况下处理占位符样式.

解决方法

这是可能在Chrome.

转到开发工具设置(右上角的齿轮图标)和常规|元素下打开“显示用户代理阴影DOM”.

现在去检查你的文本框.现在应该有一个箭头旁边的输入元素.

展开,然后选择< div psuedo =“ - webkit-input-placeholder”id =“placeholder”style =“visibility：visible; text-overflow：clip;”&gt ;. 您用于修改占位符的类将显示在样式窗格中. 这是它应该是什么样子：