由于输入type =“ checkbox”，无法更改边框颜色

Question

我正在尝试在复选框上提供验证。在执行此操作时，我需要将复选框的边框颜色更改为红色。

我也尝试过使用引导类。但是我做错了我无法弄清的东西

这是我的代码：

<div class="form-check-inline">
<label class="form-check-label" for="emails">
 <input class="form-check-input" type="checkbox" 
name="emails" id="emails" [ngClass]="{'highlightChannelBox': condition }" 
(change)="method($event.target.checked, 'emails')" 
[checked]="hasSelected(box[0]?.status, 'emails')" />
<span>Emails</span>
 </label>
</div>

这是css类：

.highlightChannelBox {
border: solid 1px red !important;
}