Google Custom Search Foundation 5 Zurb 显示问题答案

【问题标题】：Google Custom Search Foundation 5 Zurb Display IssueGoogle Custom Search Foundation 5 Zurb 显示问题
【发布时间】：2014-04-04 20:33:52
【问题描述】：

我正在使用 Zurb 的 Foundation 5，但在 Google 自定义搜索引擎方面存在显示问题。搜索了整个互联网，但没有找到任何线索。有人可以帮忙吗？

【问题讨论】：

你找到答案了吗？

标签： css zurb-foundation google-custom-search

【解决方案1】：

将此添加到您的 google 搜索框 css：

    background-image: inherit;
    box-sizing: content-box;

【讨论】：

搜索按钮和模式弹出窗口都会受到影响。你打算修改哪个类？

【解决方案2】：

将此添加到您的 CSS 文件中。

.gsc-control-cse  * {
 -moz-box-sizing: content-box !important;
 -webkit-box-sizing: content-box !importantx;
 box-sizing:  content-box !important;
}

.gsc-control-cse input {
 box-shadow: none !important;
}

.gsc-control-cse input:focus {
    outline: none;
}

.gsc-control-cse table {
 border: none;
 background: transparent;
}

.gsc-input-box, .gsc-search-box .gsc-input>input, .gsc-input-box-hover {
 -moz-box-shadow: none !important;
 -webkit-box-shadow: none !important;
 box-shadow: none !important;
}

归功于Manny。

【讨论】：