Angular2: change border color for error in form validation
<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>