*::-webkit-input-placeholder

[Gunnar Bittersmann]

@@Jnnbo

hat von euch jemand zufällig ein MAC mit einem aktuellen Safari? Wenn ja könntet ihr bitte kurz prüfen ob dieses CSS auch beim Safari greift?

http://jsfiddle.net/4o6b40ka/

Das schon aber: Du missbrauchst Placeholder. Placeholder sind nicht dafür gedacht, die Beschriftung eines Eingabefelds zu ersetzen. [HTML5]

Dein Eingabefeld hat keinerlei Beschriftung, ist dadurch nicht barrierefrei bedienbar, kurz: es ist nicht bedienbar. Alle Eingabefelder sollten zugehörige label-Elemente haben.

(Zumal der Placeholder wegen der Farbangabe in Firefox und IE gar nicht sichtbar ist.)

<form name="telpruefen" method="post" action="">
  <label for="telpruefen">Telefonnummer</label>
  <input type="tel" name="telpruefen" id="telpruefen">
  <button type="submit" id="abschicken_telpruefen">Telefonnummer prüfen</button>
</form>

LLAP 🖖