Wordpress 单击时，搜索按钮会移动

“搜索”按钮打开时出现问题。我有一个在顶部页眉，一个在底部页脚。底部的那个很好用。但是标题中的那个，当点击按钮时，它会向下移动，然后你必须再次点击它来启动搜索

---

两者都是内部小部件（我正在使用Wordpress和Brunch Pro主题）。我不知道我能做些什么导致这一切。我所做的就是在自定义程序中更改按钮的颜色。什么会导致按钮像那样移动？

该按钮在

：focus

伪类上具有应用于它的其他样式：

.widget_search input[type="submit"]:focus

看起来有一堆相互竞争的/不必要的样式，它们在聚焦时被覆盖/添加。将它们全部重置将解决此问题：

.widget_search input[type="submit"]:focus {
    width: 38.2%;
    padding: 14px 20px;
    box-shadow: none;
    font-weight: 400;
    font-size: 11px;
}

或者从

style.css

文件（第1074行）中删除

widget\u搜索输入[type=“submit”]：focus

选择器：

---

您在style.css文件中遇到的问题它会向下移动，因为它大于div width

.widget_search input[type="submit"]:focus {
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    display: block;
    font-size: 1em;
    font-weight: bold;
    height: auto;
    padding: 15px 20px 14px;
    text-decoration: none;
    width: auto;
    z-index: 100000;
}

---

我刚刚在我的主题中添加了你发布到自定义css的第二段代码，这似乎已经解决了它。非常感谢！：）