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

前端之家收集整理的这篇文章主要介绍了在工具中设置输入占位符CSS前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道如何使用每个浏览器指定的伪类在浏览器之间对占位符文本/背景/ font-size等的CSS进行风格化.然而,我无法在浏览器中使用开发工具对它们进行风格化,并没有找到是否可以这样做的答案.

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

解决方法

这是可能在Chrome.

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

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

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

猜你在找的CSS相关文章