react项目中email的input框 当输入发生改变时 光标没有跟在字符的后面，而是跑到下面，什么原因怎么处理

Question

<input
            type="email"
            value={value}
            className='emaiInput'
            onChange={handleChange}
            placeholder="Placeholder"
          />
emaiInput{
  width: 200rpx;
  height: 50rpx;
  padding: 20rpx 24rpx;
  line-height: 50rpx;
  font-size: 26rpx;
  font-style: normal;
  font-weight: 400;
  border-radius: 12rpx;
 box-sizing: border-box
  }

Answer 1

修改一下line-height吧