問題描述:
當兩個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>