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

转载于 2018-04-24 19:15:00 发布 · 824 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhangym118/p/8933013.html

本文描述了当两个input框叠加并多次点击时出现的问题及解决方案。通过为上层input框添加disabled属性，并移除下层input框的placeholder，可以有效避免字体变粗或闪烁现象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述：

　　当两个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>

转载于:https://www.cnblogs.com/zhangym118/p/8933013.html