html input隐藏光标,IOS & Android 下完美隐藏input光标

为什么iphone手机一定有这个光标。。。找了无数资料了。。都没办法去掉这个光标！

电脑和安卓手机都没问题

只要获取了焦点，在iPhone手机上就一定会出现这个光标

设置透明度也没用

最后是通过多加了

text-indent: -999em;//段落缩进

margin-left: -50%;

就可以了。最终代码：

设置支付密码w

.pwd-box{

width:100%;

padding-left: 1px;

position: relative;

border-radius: 3px;

over-flow:hidden

}

.pwd-box input[type="tel"]{

width: 150%;

height: 80px;

color: transparent;

position: absolute;

top: 0;

left: 0;

border: none;

font-size: 18px;

opacity: 0;

letter-spacing: 35px; text-indent: -999em;margin-left: -40%;

}

.fake-box input{

<