Sprawdzić WebKit-input-zastępczy z narzędzi programistycznych

119

To możliwe styl zastępczy wprowadzania tekstu za pomocą następujących czynności:Sprawdzić WebKit-input-zastępczy z narzędzi programistycznych

-webkit-input-placeholder { 
    color: red; 
}

szukam na stronie online i chciałbym używać tego samego koloru zastępczy jak oni zrobić. Czy można określić, jakiego koloru użyli? Chciałbym dołączyć dowolne wartości alfa, więc nie mogę po prostu próbować kolorów za pomocą edytora obrazów.

Kiedy skontrolować elementu z Chrome Dev Tools, widzę: Narzędzia

enter image description here

Dev nie dostarcza informacji na temat elementu zastępczego podczas inspekcji elementu wejściowego. Czy istnieje inny sposób?

Źródło

2014-11-10 Sean Anderson

możliwe duplikat [Jak zmienić kolor zastępczy na ostrości?] (Http://stackoverflow.com/questions/13183421/how-to -zmienne-miejsce-kolor-na-ognisku) – cport1

Nie ... Jasno stwierdzam w pytaniu, że jestem świadomy, jak to zmienić, ale zastanawiam się, jak sprawdzić właściwości innej osoby. Dostaję nawet próbkę kodu, pokazującą, że wiem, jak to zmienić. –

jaka jest strona? Ponieważ symbol zastępczy jest pseudoelementem, nadal powinieneś widzieć style podczas sprawdzania tego elementu. – cport1

252

Wymyśliłem to.

Sztuką jest umożliwienie „shadow środek Pokaż obsługi DOM” w panelu Ustawienia Chrome Developer Tools:

enter image description here

dostać się do ustawień, kliknij przycisk „⋮” w prawym górnym rogu na panelu Narzędzia programowe, a następnie kliknij Ustawienia i znajduje się on pod domyślną zakładką Preferencje.

Z tym, można teraz zobaczyć go:

enter image description here

Źródło

2014-11-10 21:29:22

Ustawienie jest dostępne w 62 i działa pięknie. – isherwood

Sprawdzić WebKit-input-zastępczy z narzędzi programistycznych

Odpowiedz

Powiązane problemy