我正在使用 ng-otp-input 包，我想在輸入欄位聚焦時將它們的邊框顏色更改為紅色。
包參考鏈接https://github.com/code-farmz/ng-otp-input
下面是我的代碼
HTML
<ng-otp-input (onInputChange)="pinModelChange('otp',$event)" [config]="otpConfig"
></ng-otp-input>
打字稿
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;
}
當輸入欄位處于焦點狀態時，我無法洗掉純黑色邊框
uj5u.com熱心網友回復：
嘗試
.each_input:focus {
outline-style: solid;
outline-color: red;
}
uj5u.com熱心網友回復：
如果要覆寫任何第三方庫中的任何 SCSS/CSS，則需要使用 ng-deep。
這是作業示例。
::ng-deep .each_input:focus{
border: 2px solid red!important;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/517345.html