CSS點擊輸入框文字消失是一種常見的頁面效果,下面我們來詳細學習一下它的實現方法。
input:focus::placeholder, textarea:focus::placeholder { color: transparent; }
這段代碼的意思是input或textarea被選中時,其placeholder中的文字顏色為透明。
placeholder是表單元素中的占位符文本,用于給用戶提示當前元素的輸入內容。當用戶點擊或聚焦到表單元素時,placeholder中的文字往往會擋住用戶輸入,顯得不太友好。因此,我們可以使用CSS將其隱藏起來,當用戶開始輸入時再恢復顯示。
通過上述代碼,我們可以輕松地實現點擊輸入框文字消失的效果,讓用戶能夠更加方便地輸入表單內容。