微信小程序输入框重影怎么解决?

　　微信小程序输入框重影怎么解决?有微信小程序开发用户表示，自己在开发微信小程序输入框的时候出现了重影的问题。应该怎么去解决微信小程序输入框重影问题呢?小编教您怎么做。

　　微信小程序输入框重影怎么解决?

　　微信小程序输入框重影的情况如下图所示：

　　微信小程序输入框在失去焦点和获得焦点的切换过程中，能清晰的看到输入框的问题的重影现象，经过小编的整理，小编找到了微信小程序输入框重影的出错原因和解决方案。

　　微信官方设计小程序文档给出了字体大小的规范，最小11pt，我自己设的是10pt，将其改成11pt之后，部分输入框不再出现重影，而是微信官方渲染的加粗效果

　　微信官方小程序字体规范如下：

　　修改后的加粗效果如下：

　　还有的小程序输入框扔会出现重影，细看，再继续研究，发现是因为，flex布局，使得，输入框的长度不一致，我把输入框调成一样宽度就可以了。然后就可以解决微信小程序输入框重影问题了。大家可以去试试看哦。

　　另外微信小程序输入框出现重影的还有可能是以下的原因：

　　nput组件有个默认的宽高，好像是不能清除的，在使用flex小程序布局的时候，发现会影响到页面的布局，以为是flex布局的问题，改为float布局试了下也是同样的问题，试着把input标签换成别的标签，问题消失，发现是input组件的问题，

　　您可以这做，把除了input组件外的组件使用绝对定位，就可以让他不被Input标签影响到了，这样就不会出现微信小程序输入框重影的问题了哦。

　　微信小程序输入框重影怎么解决？在以上的内容中，小编为大家介绍了微信小程序输入框重影的原因和解决办法哦，希望以上内容可以帮您解决微信小程序输入框重影问题哦。请多关注微小乔。

相关推荐：

微信小程序如何弹出输入框?

微信小程序键盘遮挡输入框问题

小程序弹出输入框怎么设置