我有一个带有附件的input，我创建了一个自定义focus，因为我希望在字段末尾的'％'附件也能在单击时集中显示场。所有这些都工作正常，但是我注意到一个小地方，当您单击{/ {1}}时，如果显示错误，则会导致跳转。
我创建了一个小提琴here
我知道问题出在input height中的.input-group:focus-within上，好像我将其删除了一样，但是我遇到的问题是，如果您删除{{1 }}显示错误时，错误消息周围也会显示蓝色的CSS框，我也不想要。
请查看我所有代码的小提琴，并删除height以了解当我提到没有它的问题时的意思。
答案 0 :(得分：0)
您需要重新排列布局。将错误放在input-group之外，并根据输入验证显示/隐藏错误。
直到出现一些跳跃，这是因为引导程序会从输入中添加和删除框阴影和边框。