css - 更改 PrimeNG 中的聚焦输入边框

Question

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

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

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;
}