After implementing a Google Custom Search Engine (CSE) and adding their JavaScript code to the Master Page for my site, I saw the search box and button but the button had no text or image on it. It was just a blank gray bar, as shown below.
灰色按钮应该有一个放大镜的图像。这是 Google 提供的 JavaScript 代码，所以在我看来这就是所有可以更改的内容：
<script>
(function () {
var cx = 'XXXXXXXXXXXXXXXXXXXX:XXXXXXXXXXX';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:search></gcse:search>
我尝试向 gcse 元素添加内联样式以增加高度，但这没有帮助。
这是一个 CSS 问题，CSS 修复是由 Wes 在 appfinite 上提供 http://appfinite.com/topic/google-custom-search-box-and-button-is-squished/。 Google 为按钮创建了一个 CSS 类，并且该类的样式属性可以被覆盖。所以我只是将以下 CSS 样式部分添加到<head>我的母版页的部分解决了问题：
<style>
.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
height: 26px !important;
margin-top: 0 !important;
min-width: 13px !important;
padding: 5px 26px !important;
width: 68px !important;
}
</style>