自動隱藏焦點上的佔位符文字
網路瀏覽器自動化簡化了焦點上佔位符文字的隱藏,但這種便利性有一個例外: 鉻合金。針對這個特定的瀏覽器,必須實作特定的解決方案。
CSS 方法:
input:focus::placeholder { color: transparent; }
此 CSS 規則將佔位符文字設定為焦點時透明,有效地使它是不可見的。
jQuery方法:
<input type="text" placeholder="Type something here!">
$("#myInput").focus(function() { $(this).attr("placeholder", ""); });
jQuery 程式碼會在輸入欄位獲得焦點時刪除佔位符文本,並在失去焦點時恢復它。
注意:
最初,這種方法被認為是Chrome 瀏覽器獨有的,但現代瀏覽器現在支援input::placeholder 選擇器,使CSS和jQuery 方法適用於所有瀏覽器。
以上是如何在 Chrome 中自動隱藏焦點上的佔位符文字?的詳細內容。更多資訊請關注PHP中文網其他相關文章!