微信小程序-两个input叠加,多次点击字体变粗或闪动

问题描述:

  当两个input叠加,多次点击input框, placeholder 字体变粗或input框闪动。如图:

  微信小程序-两个input叠加,多次点击字体变粗或闪动

代码:

  

<!--  最上层input-1 -->
<input  placeholder=‘请输入昵称,手机号,客户名称‘ ></input>

<!--  底层input-2 点击后会遮盖上层input-1 -->
<input  placeholder=‘请输入昵称,手机号,客户名称‘ ></input>

效果示意图:

  微信小程序-两个input叠加,多次点击字体变粗或闪动

 

解决办法:

  input-1添加 disabled="disabled" ,input-2 的 placeholder 去掉

<!--  最上层input-1 -->
<input  placeholder=‘请输入昵称,手机号,客户名称‘ disabled="disabled"></input>

<!--  底层input-2 点击后会遮盖上层input-1 -->
<input></input>

  

 

微信小程序-两个input叠加,多次点击字体变粗或闪动

上一篇:微信 JS-SDK 开发


下一篇:微信小程序循环执行