Eingabewert Großbuchstaben in CSS ohne Auswirkungen auf den Platzhalter

Question

Gibt es eine Möglichkeit, einen Eingabewert Großbuchstaben, ohne den Platzhalter Großbuchstaben machen?

Scheint so, als ob ich das eine oder andere bekomme. Ich würde es vorziehen, dies sauber zu machen, nur mit CSS (JS letzten Ausweg).

Answer 1

Jeder Browser-Engine hat eine andere Implementierung placeholder Styling zu steuern. Verwenden Sie die folgenden Schritte aus:

jsBin example.

input { 
    text-transform: uppercase; 
} 
::-webkit-input-placeholder { /* WebKit browsers */ 
    text-transform: none; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    text-transform: none; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    text-transform: none; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    text-transform: none; 
} 
::placeholder { /* Recent browsers */ 
    text-transform: none; 
} 

Unnötig zu sagen, das funktioniert nur in Browsern, die Platzhalter verarbeiten kann. (IE9/10 +)