Atrybut placeholder - za słaby tekst, Jak uniwersalnie poprawić jego widoczność? Opcje

[WebCM]

Mam taki oto formularz:

[HTML] pobierz, plaintext 
<div id="loginTopForm">
	<form action="login.php" method="post">
		<input name="u" class="text" placeholder="Login" />
		<input name="p" class="text" placeholder="Password" type="password" />
		<input type="checkbox" class="choice" name="auto" title="Pamiętaj mnie" />
		<input type="submit" value="{lang.logme}" class="buttonBlue" />
		<input type="submit" name="reg" value="{lang.regme}" class="buttonOrange" />
	</form>
</div>
[HTML] pobierz, plaintext 

Kod CSS

[CSS] pobierz, plaintext 
#loginTopForm input.text {
	border: 1px solid #979494;
	background: #bdbbba;
	color: #554c4a;
	width: 90px
}
[CSS] pobierz, plaintext 

W przeglądarce Chrome ledwo widać tekst w atrybucie placeholder. Oba pola tekstowe (login i hasło) są szare (BDBDBA), co odpowiada wartościom RGB(189,189,186). Niestety, tekst placeholder nie dostosowuje swojego koloru. Znalazłem sposób na zmianę koloru tego tekstu w CSS, ale tylko dla Chrome i Firefox (potrzeba 2 wpisów do arkusza). Czy istnieje inny sposób, aby placeholder był widoczny? Czy konieczna jest zmiana tła pól formularzy?

Ten post edytował WebCM 27.02.2011, 21:13:07

[krzywy36]

zawsze to możesz zrobić za pomocą js (spójrz w źródło php.pl, konkretnie formularz logowania). Placeholder wszedł dopiero w html5 wiec z uniwersalnością wyjdzie tak samo, może nawet z korzyścią dla js

zawsze to możesz zrobić za pomocą js (spójrz w źródło php.pl, konkretnie formularz logowania). Placeholder wszedł dopiero w html5 wiec z uniwersalnością wyjdzie tak samo, może nawet z korzyścią dla js