Google 自定义搜索 (CSE) 调整文本输入的边距

Question

我在使用 Google 自定义搜索框时遇到问题 - 文本输入看起来很好，直到您开始在其中输入内容，此时文本 "jumps" 向下。您可以在这里尝试一下：http://ccbriefing.corporate-citizenship.com/

我发现我可以调整上边距使其排列如下：

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

但是，这也会影响未输入任何内容时的输入框，这意味着它看起来太高了，直到您开始输入！

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

非常感谢您的帮助，

查理

Answer 1

自定义搜索控件包含一个包含 X 按钮的 <a> 元素。该元素从菜单继承高度和行高。当 X 按钮可见时，它会随之垂直拉伸 table。

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

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

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