Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Pole Placeholder
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Matt23
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ć.
Pawel_W
http://davidwalsh.name/html5-placeholder-css
Matt23
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
IceManSpy
p.norm:-moz-placeholder {
color: #FFFFFF;
}

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

p.norm::-webkit-input-placeholder {
color: #FFFFFF;
}
Matt23
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>
IceManSpy
1. Class to nie style.
2. Opisy możesz robić wewnętrz formularza (forma)
3. Poucz się jeszcze HTML i CSS.
Matt23
To czym mógłbyś zmodyfikować kodu który podałem, aby działał tak jak chcę?
SpiJay
To co podał Ci IceManSpy, wstaw do pliku CSS.

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.