Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Zmiena koloru w input
Krychu1
post
Post #1





Grupa: Zarejestrowani
Postów: 39
Pomógł: 1
Dołączył: 3.10.2009

Ostrzeżenie: (0%)
-----

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).

Ten post edytował Krychu1 19.05.2011, 18:13:01
Go to the top of the page
+Quote Post
Kshyhoo
post
Post #2





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że
TML5 wprowadza atrybut placeholder elementu input. Spróbuj tak:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html lang="pl">
  3. <title>input placeholder demo</title>
  4. <style>
  5. input:-moz-placeholder {color: #00cc00}
  6. input::-webkit-input-placeholder {color: #00cc00}
  7. </style>
  8. <form method="POST">
  9. <label>E-mail: <input type=email placeholder="Wpisz adres e-mail"></label>
  10. </form>
[HTML] pobierz, plaintext


--------------------
Jak poprawnie zadać pytanie | Jak poprawnie zatytułować wątek
Najczęstsze błędy | Błędy E_NOTICE | PHP FAQ | FAQ PHPedia | SQL-Injection | Logowanie i sesje | Hashowanie haseł | Server - od czego zacząć ? | Manual PHP
Alternatywne Forum dla Ekspertów
Nie pomagam na PW, nie mam GG
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 19.08.2025 - 22:14
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn