前端之家收集整理的这篇文章主要介绍了
在工具中设置输入占位符CSS,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道如何使用每个浏览器指定的伪类在浏览器之间对占位符文本/背景/ font-size等的CSS进行风格化.然而,我无法在浏览器中使用开发工具对它们进行风格化,并没有找到是否可以这样做的答案.
我喜欢在没有试错工作流程的情况下处理占位符样式.
这是可能在Chrome.
转到开发工具设置(右上角的齿轮图标)和常规|元素下打开“显示用户代理阴影DOM”.
现在去检查你的文本框.现在应该有一个箭头旁边的输入元素.
展开,然后选择< div psuedo =“ - webkit-input-placeholder”id =“placeholder”style =“visibility:visible; text-overflow:clip;”> ;. 您用于修改占位符的类将显示在样式窗格中. 这是它应该是什么样子:
原文链接:https://www.f2er.com/css/214186.html