如何删除选择primeng组件上的高亮边框颜色答案

【问题标题】：How to remove highlight border color of on select primeng component如何删除选择primeng组件上的高亮边框颜色
【发布时间】：2022-11-04 14:37:19
【问题描述】：

See the Example image 我在我的应用程序中使用了 primeng 组件，它具有 css 类 p 组件。每当我单击任何字段时，无论是按钮还是输入或任何其他字段，它都会以蓝色边框突出显示。我不需要它所以我尝试使用 outline:none 但它不起作用。

【问题讨论】：

【解决方案1】：

应用以下 CSS 删除自动高亮蓝色

input:focus {
    box-shadow: none !important;
}

【讨论】：

【解决方案2】：

如果您可以发布您的代码，这样我们就可以得到 100% 正确的答案，那就太好了。但是，查看PrimeNG 的网站，似乎.p-inputtext:enabled:focus 选择器正在设置以下内容

box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;

因此，使用以下规则在链接的 PrimeNG css 文件下方添加一条规则到您自己的 css

.p-inputtext:enabled:focus {
    box-shadow: none;
    border-color: initial;
}

不过，如果您发布代码，我可以为您检查。

【讨论】：