Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Pole Placeholder
Matt23
post 19.01.2013, 17:03:31
Post #1





Grupa: Zarejestrowani
Postów: 53
Pomógł: 0
Dołączył: 19.01.2013

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


Cześć, mam następujący fragment kodu:


  1. <P class=norm>Wpisz adres do skórcenia:
  2. <FORM ACTION="#" METHOD=POST>
  3. <input type = "text" id = "adres" name = "adres" value = "" title = "Podaj adres do skrócenia." placeholder = "http://"> </P>



Problem polega na tym, że tekst z pola placeholder w przeglądarce wyświetla się w kolorze szarym (A9A9A9).


W pliku css nie mam takiego koloru, dlatego chcę się dowiedzieć jak mogę go zmienić.
Go to the top of the page
+Quote Post
Pawel_W
post 19.01.2013, 17:23:15
Post #2





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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


http://davidwalsh.name/html5-placeholder-css
Go to the top of the page
+Quote Post
Matt23
post 19.01.2013, 18:37:33
Post #3





Grupa: Zarejestrowani
Postów: 53
Pomógł: 0
Dołączył: 19.01.2013

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


Jak mam to używać? Chcę by kolor był biały, więc w p.norm dodaję


Kod
p.norm{
border-right: #DAA520 1px solid;
border-top: #DAA520 1px solid;
border-bottom: #DAA520 1px solid;
border-left: #DAA520 1px solid;
background-color: #800000;
font-size: 20px;
color: white;
vertical-align: middle;
font-family: tahoma,sans-serif;
margin-top: 4px;
margin-bottom: 4px;
width: 360px;
padding: 4px;
text-align: center;
margin-left: auto;
margin-right: auto;
webkit-input-placeholder { color:#FFFFFF; }
}



Ale efektów brak, używam chrome

Ten post edytował Matt23 19.01.2013, 18:38:04
Go to the top of the page
+Quote Post
IceManSpy
post 19.01.2013, 18:56:08
Post #4





Grupa: Zarejestrowani
Postów: 1 006
Pomógł: 111
Dołączył: 23.07.2010
Skąd: Kraków

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


p.norm:-moz-placeholder {
color: #FFFFFF;
}

p.norm:-ms-input-placeholder {
color: #FFFFFF;
}

p.norm::-webkit-input-placeholder {
color: #FFFFFF;
}


--------------------
Go to the top of the page
+Quote Post
Matt23
post 19.01.2013, 19:25:36
Post #5





Grupa: Zarejestrowani
Postów: 53
Pomógł: 0
Dołączył: 19.01.2013

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


ten... jestem początkującym programistą. To ma wyglądać tak?

  1. <P class=norm:-moz-placeholder {
  2. color: #FFFFFF;
  3. }>Wpisz adres do skórcenia:
  4. <FORM ACTION="#" METHOD=POST>
  5. <input type = "text" id = "adres" name = "adres" value = "" title = "Podaj adres do skrócenia." placeholder = "http://"> </P><br>
Go to the top of the page
+Quote Post
IceManSpy
post 19.01.2013, 20:10:43
Post #6





Grupa: Zarejestrowani
Postów: 1 006
Pomógł: 111
Dołączył: 23.07.2010
Skąd: Kraków

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


1. Class to nie style.
2. Opisy możesz robić wewnętrz formularza (forma)
3. Poucz się jeszcze HTML i CSS.


--------------------
Go to the top of the page
+Quote Post
Matt23
post 19.01.2013, 20:45:37
Post #7





Grupa: Zarejestrowani
Postów: 53
Pomógł: 0
Dołączył: 19.01.2013

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


To czym mógłbyś zmodyfikować kodu który podałem, aby działał tak jak chcę?
Go to the top of the page
+Quote Post
SpiJay
post 26.01.2013, 18:22:13
Post #8





Grupa: Zarejestrowani
Postów: 63
Pomógł: 2
Dołączył: 18.11.2009
Skąd: Grudziądz

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


To co podał Ci IceManSpy, wstaw do pliku CSS.



--------------------
zmoderowano - waga i rozmiar
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 22.05.2025 - 03:44