Możliwe jest nadanie stylu symbolowi zastępczemu wprowadzania tekstu w następujący sposób:
-webkit-input-placeholder {
color: red;
}
Patrzę na stronę internetową online i chciałbym użyć tego samego koloru zastępczego, co oni. Czy można dowiedzieć się, jakiego koloru użyli? Chciałbym dołączyć dowolne wartości alfa, więc nie mogę po prostu próbkować koloru za pomocą edytora obrazów.
Kiedy sprawdzam element za pomocą Chrome Dev Tools, widzę:
Narzędzia deweloperskie nie dostarczają informacji dotyczących elementu zastępczego podczas sprawdzania elementu wejściowego. Czy jest inny sposób?
Odpowiedzi:
Rozgryzłem to.
Sztuką jest włączenie opcji „Pokaż cień DOM klienta agenta” w panelu Ustawienia Narzędzi Chrome dla programistów:
Aby przejść do ustawień, kliknij przycisk „⋮” w prawym górnym rogu panelu Narzędzi deweloperskich, a następnie kliknij Ustawienia i znajduje się pod domyślną zakładką Preferencje.
Dzięki temu możesz teraz to zobaczyć:
źródło
::placeholder
pseudoelement, który jest obecnie szeroko obsługiwany?::placeholder
. Zobacz tę pokrewną odpowiedź .Poniższe obrazy pokazują proces:
Przejdź do ustawień> Preferencje:
Kliknij opcję Pokaż agenta użytkownika Shadow DOM:
Zobacz CSS symbolu zastępczego:
źródło