1.input color of the cursor
By default, the cursor color and font color of the same color, but may also be provided solely by caret-color property
but independent IOS cursor and font color, blue default
may be provided separate color of the cursor, so also has the effect ios
input{
color:red;
caret-color: green;
}
Sets the cursor color ios
2.input cursor height
input cursor row height and the same high field (chrome phone simulator with the same font size), so do not set too high a row height, if required, can be distracting height input by setting the upper and lower padding
input{
color:red;
caret-color: green;
height: 40px;
line-height: 40px;
}
Set padding distraction input height
input{
color:red;
caret-color: green;
line-height: 20px;
padding: 10px;
}
3. Access Point Zoom
Under the IOS, input focus is acquired will be enlarged, meta set user-scalable = no, cancel Magnifying
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">