Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Zmiena koloru w input
Forum PHP.pl > Forum > Po stronie przeglądarki
Krychu1
Cześć. Od dłuższego czasu zastanawiam się w jaki sposób osiągnąć efekt zmieniającego się koloru tekstu po kliknięciu w input.
Tzn. najpierw jest np. szary kolor czcionki z value "Podaj login...", po kliknięciu napis znika, a my możemy wpisać własny tekst, który ma już nowy kolor - czarny. Osiągnąłem już to za pomocą focusa, jednak jedyny problem jaki mi pozostał to w sytuacji gdy odklikniemy ten input, tekst zmienia swoją barwę ponownie na szarą - chciałbym by pozostała czarna.

Jeśli nie rozumiesz o co mi chodzi, identyczny efekt można zaobserwować na Facebooku w ramce "O czym teraz myślisz?".


@EDIT
Problem rozwiązany. Wykorzystałem JS, który po "odkliknięciu" sprawdza wartość inputa i jeśli jest ona inna niż "Podaj login..." zmieniam jej klase na inną (w której ustaliłem inny kolor czcionki).
Kshyhoo
TML5 wprowadza atrybut placeholder elementu input. Spróbuj tak:
  1. <!DOCTYPE html>
  2. <html lang="pl">
  3. <title>input placeholder demo</title>
  4. input:-moz-placeholder {color: #00cc00}
  5. input::-webkit-input-placeholder {color: #00cc00}
  6. <form method="POST">
  7. <label>E-mail: <input type=email placeholder="Wpisz adres e-mail"></label>
  8. </form>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.