Angular4_CSS控制input输入变大写,并且不影响placeholder的样式

CSS通过设置input输入框的style来实现。text-transform: uppercase /转为大写/
text-transform: lowercase /转为小写/
text-transform: capitalize /单词首字母转为大写/ 

<input type="text" [ngClass]="{'confirmBox': enableWarningStyle, 'confirmBoxError': !enableWarningStyle}" #comfirmbox [(ngModel)]="confirmLocation" placeholder="Scan Location" (ngModelChange)="scanClass(comfirmbox.value)" (paste)="checkScan($event)" (keyup.enter)="processConfirmLocation(comfirmbox.value)" style="text-transform: uppercase"/>.comfirmbox{ text-transform: uppercase;}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { text-transform:unset !important;}
input:-moz-placeholder,textarea:-moz-placeholder { text-transform:unset !important;}
input::-moz-placeholder,textarea::-moz-placeholder { text-transform:unset !important;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { text-transform:unset !important;}