大佬教程收集整理的这篇文章主要介绍了jquery – chrome中的文本字段光标问题，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
CSS
.username input{
background-color: #FFFFFF;
border: 2px solid #DDDDDD;
border-radius: 5px 5px 5px 5px;
color: #9E9E9E;
height: 30px;
width: 330px;
padding:0px 10px 0px 0px;
padding-left:10px;
margin:15px 0px 0px 0px;
line-height:30px;
}
它适用于所有浏览器.但在Chrome中,光标显示在输入标记的相同高度.我找到了解决方案,如果我删除它所显示的行高,就像我想要的那样.但在IE中,价值是领域的顶部.我需要解决这个问题的方法.
请看my fiddle. [铬不好]
<div class="username">
<input name="txtFullName" id="txtFullName" type="text" class="user" value="Username" onBlur="if(this.value=='') this.value='Username'" onFocus="if(this.value =='Username' ) this.value=''" />
</div>
.username input{
background-color: #FFFFFF;
border: 2px solid #DDDDDD;
border-radius:5px;
color: #9E9E9E;
height: 30px;
height: 22px\0/;
width: 330px;
padding:0px 10px 0px 10px;
padding:8px 10px 0px 10px\0/;
margin:15px 0px 0px 0px;
vertical-align:middle;
}
:root .username input{
height: 30px\9;
padding:0px 10px 0px 10px\9;
}
以上是大佬教程为你收集整理的jquery – chrome中的文本字段光标问题全部内容，希望文章能够帮你解决jquery – chrome中的文本字段光标问题所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。