Google自定义搜索（CSE）调整文本输入边距

Question

我在使用Google自定义搜索框时遇到问题 - 文本输入在您开始输入之前看起来很好，此时文本＆＃34;跳转＆＃34;下。你可以在这里试试：http://ccbriefing.corporate-citizenship.com/

我已经知道我可以调整上边距，使其排列如下：

table#gs_id50 {margin-top: -13px !important;}

然而，在输入任何内容时，这也会影响输入框，这意味着在您开始输入之前它显得太高了！

有没有办法只在文本输入框中时调整边距？

非常感谢你的帮助，

查理

Answer 1

自定义搜索控件包含<a>元素，其中包含X按钮。该元素从菜单继承高度和行高。当X按钮可见时，它会垂直拉伸桌子。

解决方案是撤消该元素的继承规则。一个例子是：

#menu .gsst_a a {
    height: auto;
    line-height: normal;
    padding: 3px 0 0 0;
}

或者更好，修改您的CSS，以便菜单规则不会影响搜索框。