Wprowadź wielkimi literami wartość wejściową w CSS bez wpływu na obiekt zastępczy

Question

Czy istnieje sposób, w jaki można wprowadzić dużą wartość wejściową bez wprowadzania wielkich liter zastępczych?

Wygląda na to, że dostałem jedną lub drugą. Wolałbym to zrobić po prostu używając CSS (JS ostatnia deska ratunku).

Answer 1

Każdy silnik przeglądarka ma inną realizację kontrolowania placeholder stylizacji. Użyj następujących:

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; 
} 

trzeba dodawać, że to działa tylko w przeglądarkach, które mogą obsługiwać zastępcze. (IE9/10 +)