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

前端之家收集整理的这篇文章主要介绍了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;
    }
原文链接:https://www.f2er.com/angularjs/144889.html

猜你在找的Angularjs相关文章