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;

  }