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

问题描述:

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

  

代码:

  

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

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

效果示意图:

  

解决办法:

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

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

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

  

猜你喜欢

转载自www.cnblogs.com/zhangym118/p/8933013.html
今日推荐