欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2022-07-03 14:54:37
react项目苹果手机微信内置浏览器双击输入框才有光标,且光标太大光标的大小主要是由于line-height属性导致,将line-height设置小就可以了,注意的是placeholder属性不单独设置line-height,placeholder字体也会偏上输入框点击不聚焦的问题,在我的项目主要由于fastclick的问题,通过百度,了解到在入口文件引入fastclick,修改方法可以解决问题import Fastclick from 'fastclick'if ('addEventListe...
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)
}

本文地址:https://blog.csdn.net/weixin_44012931/article/details/107938275