Google Custom Search Engine and Bootstrap3 Style issue

Question

我正在尝试将Google CSE集成到BS3的页面中。看起来像BS3搞乱搜索框和按钮。

http://jsfiddle.net/DTcHh/509/

这是怎样的代码看起来在IE和Chrome http://i.imgur.com/vungb7v.png

搜索图标丢失的按钮，底部栏在Chrome中丢失。

我试图玩弄

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

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

Answer 1

所有你需要做的就是替换出现问题的CSS值，并且知道你必须替换哪些值以及你必须改变的值是利用Google Chrome的“Insoect Element”功能。

你可以看到效果了我自己的服务器上：

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> 

我希望我帮助你;）