在 PrimeNG 中更改聚焦输入边框

Question

我正在为 Angular 使用 PrimeNG，我想在聚焦时更改输入框的阴影，现在它看起来像这样：

但我想将蓝色部分更改为绿色，例如。检查文档它告诉我必须更改 p-inputtext class，但它没有给我想要的结果。这就是我现在正在做的事情

body .p-inputtext{
    border-color: green !important;
}

结果：

它正在绘制绿色边框，但并未去除蓝色部分。我该怎么做？

Answer 1

我是这样解决的

span > .p-inputtext:enabled:focus{
    border-color: #4D80CA !important;
    box-shadow: 0 0 0 0.02rem green !important;
}


span > .p-inputtext:hover{
    box-shadow: 0 0 0 0.02rem green !important;
}