在项目使用中发现,谷歌、火狐等浏览器在现实placeholder属性时存在问题:输入框获取光标后,提示字体不消失的问题,需自行设置如下:
input:focus::-webkit-input-placeholder {color: transparent;}
input:focus::-moz-input-placeholder {color: transparent;}
input:focus:-moz-input-placeholder {color: transparent;}
另外textarea等可进行相同的设置,以实现获取光标后消失。
本文详细介绍了如何解决谷歌、火狐等浏览器中输入框获取焦点后,placeholder文本不自动消失的问题。通过设置特定的CSS样式,如input:focus::-webkit-input-placeholder等,使输入框在获得光标时提示文字透明化,从而提升用户体验。
61

被折叠的 条评论
为什么被折叠?



