css - 不确定表单字段的“焦点”是什么

Question

这似乎有我需要的解决方案......

焦点输入字段上的边框半径

我希望焦点边框与用于框本身的边框半径相匹配。就像现在一样，盒子有弯曲的角落，但焦点没有，所以看起来很奇怪。

我试过了...

*:focus {
   outline: none;
   box-shadow: 0px 0px 2px blue;
}

和...

.field-box:focus {
   outline: none;
   box-shadow: 0px 0px 2px blue;
}

但两者都不起作用，所以我认为父母级别的某些东西正在压倒它。当我在检查中检查 css 时，我没有看到它出现，所以我无法确认是这种情况。我只知道我可以对表单框进行其他更改，但不能对焦点边框本身进行更改。任何人都知道如何解决，或者是否有办法确定可能覆盖它的内容？

标签： css