Javascript 选择时输入框移动

我在我的网站顶部有一个搜索字段，当你选择它时，它会跳出一点位置；当你点击框外，它不会被选中，但不会关闭时，搜索字段会正确对齐。当光标在输入字段中时，我不知道是什么使它移动

---

单击链接，然后单击顶级菜单右侧的搜索图标，您将看到问题。对这一点相当困惑。

这是因为

：焦点不包括在内。当您选择搜索输入时，会触发
：focus
，但存在覆盖css的现有css，要解决此问题，您需要在css中明确包含
：focus
，以防止其被覆盖。尝试从下面更改css

.aws-container .aws-search-field{
    width: 100%;
    color: #313131;
    padding: 6px;
    line-height: 30px;
    display: block;
    font-size: 12px;
    position: relative;
    z-index: 2;
    background: rgb(247, 247, 247);
    -webkit-appearance: none;
}

到

白色对白色。。。但我看不出有什么问题。。。还有JS脚本错误，比如它已经过时了！
.aws-container .aws-search-field, .aws-container .aws-search-field:focus {
    width: 100%;
    color: #313131;
    padding: 6px;
    line-height: 30px;
    display: block;
    font-size: 12px;
    position: relative;
    z-index: 2;
    background: rgb(247, 247, 247);
    -webkit-appearance: none;
}