Wie kann ich Platzhaltertext im Fokus in Chrome entfernen?

Entfernen von Platzhaltertext im Fokus mit CSS oder jQuery

Beim Eingeben von Text in ein Textfeld verschwindet Platzhaltertext normalerweise, um Platz für den zu machen Benutzereingaben. Während die meisten Browser dies automatisch tun, ist dies bei Chrome nicht der Fall.

CSS-Lösung

Um gezielt auf Chrome abzuzielen, können Sie den input:focus::placeholder selector:

input:focus::placeholder {
  color: transparent;
}

Diese CSS-Regel setzt den Platzhaltertext auf transparent, wenn das Eingabefeld aktiviert ist Fokus.

jQuery-Lösung

Das können Sie auch mit jQuery erreichen:

$("input").on("focus", function() {
  $(this).attr("placeholder", "");
});

$("input").on("blur", function() {
  $(this).attr("placeholder", "Type something here!");
});

Dieser jQuery-Code setzt den Platzhaltertext auf einen leeren String wenn das Eingabefeld im Fokus ist und stellt den gewünschten Text wieder her, wenn das Feld den Fokus verliert.

Browser Unterstützung

UPDATE:

Alle modernen Browser unterstützen jetzt das Ausblenden von Platzhaltertext im Fokus mithilfe des CSS-Selektors input:focus::placeholder. Daher ist die jQuery-Lösung nicht mehr erforderlich.

Das obige ist der detaillierte Inhalt vonWie kann ich Platzhaltertext im Fokus in Chrome entfernen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!