Text-transform: Capitalize; Also Affects Placeholder

I have the following simple input. When I use text-transform: capitalize; to capitalize the first letter of each w

Solution 1:

You could style the placeholder--

::-webkit-input-placeholder {
   text-transform: initial;
}

:-moz-placeholder { 
   text-transform: initial;
}

::-moz-placeholder {  
   text-transform: initial;
}

:-ms-input-placeholder { 
   text-transform: initial;
}