html - 如何在 Angular 中为 ng-otp-input 包的输入字段赋予边框颜色？

Question

我正在使用 ng-otp-input 包，我想在输入字段聚焦时将其边框颜色更改为红色。
套餐引用链接https://github.com/code-farmz/ng-otp-input
下面是我的代码
HTML

     <ng-otp-input (onInputChange)="pinModelChange('otp',$event)" [config]="otpConfig"
                ></ng-otp-input>

typescript

 otpConfig :NgOtpInputConfig = {
    allowNumbersOnly: true,
    length: 6,
    isPasswordInput: false,
    disableAutoFocus: false,
    placeholder: '',
    inputStyles:{
      'display':'flex'
    },
    containerStyles:{
      'display':'flex'
    },
    inputClass:'each_input',
    containerClass:'all_inputs'
  };

CSS

.each_input:focus{
  border: 2px solid red!important;
}

当输入字段处于聚焦状态时，我无法删除实心黑色边框

Answer 1

尝试

.each_input:focus {
    outline-style: solid;
    outline-color: red;
}