Question

我想了解如何将Google自定义搜索集成到网站中，我想在他们的搜索页面上完成相同的结果：

正如您所看到的，他们的谷歌自定义搜索按钮和文本框紫色边框和搜索结果框架嵌入在他们的布局中，它看起来并不合适。他们是怎么做到的？

我已经阅读了谷歌自定义搜索帮助页面，它们太模糊，无法吸收像我这样的新手。我也试过修改谷歌自定义搜索的显示设置，并试图了解自定义开发文档无济于事。如果有人可以通过示例向我展示，那将非常感激。

Answer 1

自定义样式可以通过css实现。如果您使用的是Chrome浏览器，则可以右键单击搜索元素，从菜单中选择“Inspect element”，这将显示Chrome控制台，其中yu可以找到哪个元素具有哪个css类。 cse元素通常包含以gsc-前缀开头的类。然后，您可以使用这些类来编写自定义CSS。例如：

.gsc-input-box {

    border-color: purple !important;
}

这是一个jsfiddle示例：http://jsfiddle.net/m8Twp/