WeChat applet - two inputs are superimposed, and the font will thicken or flash after multiple clicks

Problem Description:

  When two inputs are superimposed and the input box is clicked multiple times, the placeholder font becomes thicker or the input box flashes. As shown in the figure:

  

Code:

  

<!-- Top input-1 -->
<input placeholder='Please enter nickname, mobile phone number, customer name' ></input>

<!-- The bottom layer input-2 will cover the top layer input-1 when clicked -->
<input placeholder='Please enter nickname, mobile phone number, customer name' ></input>

Schematic diagram of the effect:

  

 

Solution:

  Add disabled="disabled" to input-1 and remove the placeholder of input-2

<!-- Top input-1 -->
<input placeholder='Please enter nickname, mobile phone number, customer name' disabled="disabled"></input>

<!-- The bottom layer input-2 will cover the top layer input-1 when clicked -->
<input></input>

  

 

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=324875797&siteId=291194637