ios输入框单击无光标问题,光标太大问题

react项目苹果手机微信内置浏览器双击输入框才有光标,且光标太大

光标的大小主要是由于line-height属性导致,将line-height设置小就可以了,注意的是placeholder属性不单独设置line-height,placeholder字体也会偏上

输入框点击不聚焦的问题,在我的项目主要由于fastclick的问题,通过百度,了解到在入口文件引入fastclick,修改方法可以解决问题

import Fastclick from 'fastclick'

if ('addEventListener' in document && 'ontouchstart' in window) {
     
  Fastclick.prototype.focus = function (targetElement) {
     
    targetElement.focus()
  }
  document.addEventListener('DOMContentLoaded', function () {
     
    Fastclick.attach(document.body)
  }, false)
}

你可能感兴趣的:(ios)