修改前 CSS 部分代码:
- .receiving-info .receiving-info-list input {
- display: inline-block;
- width: 70%;
- font-size: 14px;
- color: #333;
- border: none;
- outline: none;
- line-height: 50px;
- }
修改后 CSS 部分代码:
- .receiving-info .receiving-info-list input {
- display: inline-block;
- width: 70%;
- font-size: 14px;
- color: #333;
- border: none;
- outline: none;
- line-height: 20px;
- }
Android 和 iOS 手机修改前后的效果:
其实, 只是调整了 line-height 的大小, 就解决了 iOS 和 Android 手机 input 光标大小不一致的问题.
来源: http://www.bubuko.com/infodetail-3438230.html