title: Angular2: change border color for error in form validation
body: <p>Trying to change the border color for error message. this is my html code</p>
  
  <pre><code>&lt;div class="form-group"&gt;
    &lt;label&gt;Name:&lt;/label&gt;
    &lt;div class="wpr"&gt;
      &lt;div class="wpr__icon"&gt;
        &lt;i class="fa fa-user"&gt;&lt;/i&gt;
      &lt;/div&gt;
      &lt;input #name="ngModel" id="name" name="name" type="text" class="form-control text-line" [(ngModel)]="PersonInfo.name"
        pattern="[a-zA-Z0-9\s]+" required&gt;
    &lt;/div&gt;
    &lt;ul class="alert-error" *ngIf="name.touched &amp;&amp; name.errors"&gt;
      &lt;li *ngIf="name.errors.required"&gt; Name is required. &lt;/li&gt;
      &lt;li *ngIf="name.errors.pattern"&gt;Invalid name.&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Currently error messages are showing up, but I want to change the textbox border-color to red. How to do that.</p>