这似乎有我需要的解决方案...
Border radius on Focus input field
我希望焦点边框与框本身使用的边框半径匹配。目前,该框具有弯曲的角,但是焦点没有弯曲,因此看起来很奇怪。
我尝试过...
*:focus {
outline: none;
box-shadow: 0px 0px 2px blue;
}
和...
.field-box:focus {
outline: none;
box-shadow: 0px 0px 2px blue;
}
,但都不起作用,所以我认为在父级上有些东西要覆盖它。当我在inspect中检查css时,我看不到它的出现,所以我无法确认是这种情况。我只知道我可以对表单框进行其他更改,但不能对焦点边框本身进行更改。任何人都知道该如何解决,或者是否有一种方法可以识别出什么可能覆盖它?