如何在 Chrome 中自動隱藏焦點上的佔位符文字？

自動隱藏焦點上的佔位符文字

網路瀏覽器自動化簡化了焦點上佔位符文字的隱藏，但這種便利性有一個例外： 鉻合金。針對這個特定的瀏覽器，必須實作特定的解決方案。

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中文網其他相關文章！