html - 不要在一个特定的输入上包含 css 样式

Question

在构建 Angular react 形式时，我想到我应该将每个输入的第一个字母大写，所以在我的 css 中，我写了

   input {
      text-transform: capitalize;
   }

但是在我的 html 中我有电子邮件输入并且不想设置样式，我怎么能排除它呢？

我的html

                <div class="form-group" 
                  [ngClass]="displayFieldCss('FirstName')">
                    <label for="FirstName" class="control-label 
                   required">First name</label>
                    <input type="text" id="FirstName" class="form-control" 
                 formControlName="FirstName">

                </div>

        <div class="form-group" [ngClass]="displayFieldCss('Email')">
           <label for="Email" class="control-label 
            required">Email</label>
           <input type="text" id="Email" class="form-control" 
           formControlName="Email"> 
         </div>

Answer 1

你可以使用 :not() 伪类。

input:not(#Email) {
   text-transform: capitalize;
}

引用:not usage如果您需要更多信息。