*::-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/

Ja, das tut es.

Ich finde es allerdings verwirrend, dass der Cursor mitten im Placeholder-Text erscheint.

*::-webkit-input-placeholder {
    color: rgba(0, 102, 0, 0.5);
}
*::-moz-placeholder {
    /* FF 19+ */
    color:  rgba(239, 239, 239, 0.6);
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color:  rgba(239, 239, 239, 0.6);
}

Warum unterschiedliche Farben?

Håkan Save Hansson gibt zu bedenken: „Some browsers (Firefox tested) use opacity for placeholders. So, if you want to control the color with the color property alone, also remember to set opacity: 1.“

Warum rgba? Browser haben bei Transparenz immer mehr zu rechnen. Wenn das nicht notwendig ist, keine Transparenz verwenden. Scheint mir hier nicht notwendig zu sein, passe die Farbe entsprechend an.

Und warum <input type="submit" name="abschicken_telpruefen" id="abschicken_telpruefen" value="Telefonnummer prüfen" class="btn_telpruefen">?

Für Buttons ist das button-Element da: <button type="submit" name="abschicken_telpruefen" id="abschicken_telpruefen" class="btn_telpruefen">Telefonnummer prüfen</button>

(Wobei type="submit" Default ist, also auch weggelassen werden könnte.)

LLAP 🖖