Question

我正在尝试将Google CSE整合到一个包含BS3的页面中。看起来BS3正在搞乱搜索框和按钮。

这是代码在IE和Chrome http://i.imgur.com/vungb7v.png

中的显示方式

按钮中缺少搜索图标，Chrome中缺少底栏。

我试过玩

input.gsc-search-button 
.reset-box-sizing *

但由于我只有基本的CSS技能，所以我无法弄清楚如何解决这个问题。有人可以告诉我应该如何解决这个问题，以便IE和非IE浏览器中的框和按钮看起来很好。

Answer 1

您所要做的就是更换出现问题的CSS值并了解必须更换的内容以及必须更改的值是为了利用Google Chrome＆＃34;＃34 ;检查元素＆＃34;特征

您可以在我自己的服务器上看到效果：

http://link-sa.ga/gcse/

下载源代码：

https://www.dropbox.com/s/bo01xp2agvp7w4e/index.html

<强>的jsfiddle：

http://jsfiddle.net/rsm23/GPLyM/

阅读 GCSE 调用下的评论，因为css代码应该是这样的：

<gcse:search></gcse:search>

<style type="text/css">

body {
    margin: 10px;
}

#gsc-iw-id1{
    height: 30px;
    border-color: #898989;
}

input.gsc-search-button-v2{
    width: 71px;
    height: 29px;
}

</style>

Google自定义搜索引擎和Bootstrap3 Style问题

1 个答案: