自定义 Google 自定义搜索 (GCS) 文本和样式
Custom Google Custom Search (GCS) Text And Styling
我有 paid/business 版本 Google 自定义搜索,但我似乎只能自定义搜索的一小部分。
有没有办法:
- 包括搜索 而不包含默认 CSS?我不想用
!important
覆盖大多数样式
- 更改搜索按钮的默认文本 and/or 在不使用自己的自定义的情况下向其添加图像 CSS
想法是有一个简单样式的输入字段,旁边有一个放大镜,两者都有白色背景和灰色边框。不幸的是,google 似乎在上面放了很多我不想要的 margin/padding/other 东西。
我猜您是在谈论搜索框的样式而不是搜索结果的样式?
如果是这样,您根本不需要使用他们的搜索框,只要您有一个可以处理参数的搜索结果页面(例如 www.example.com/searchresults/?q =searchquery) 而不是弹出窗口。这是在 Look and Feel -> Layout -> Results only 下的 GCS 管理页面中设置的。单击 "Save & Get Code",然后将 JavaScript 代码放在此 /searchresults/ 页面上。
然后您可以只使用一个标准表单来定向到该页面并传递搜索查询。这适用于付费版和免费版。
这就是我在 www.tunetheweb.com 上的设置方式,如果你想看看的话。
唯一的缺点是,如果您使用该功能,因为它不再是他们的搜索框,您将无法在搜索框中获得他们的自动完成建议。
我有 paid/business 版本 Google 自定义搜索,但我似乎只能自定义搜索的一小部分。
有没有办法:
- 包括搜索 而不包含默认 CSS?我不想用
!important
覆盖大多数样式
- 更改搜索按钮的默认文本 and/or 在不使用自己的自定义的情况下向其添加图像 CSS
想法是有一个简单样式的输入字段,旁边有一个放大镜,两者都有白色背景和灰色边框。不幸的是,google 似乎在上面放了很多我不想要的 margin/padding/other 东西。
我猜您是在谈论搜索框的样式而不是搜索结果的样式?
如果是这样,您根本不需要使用他们的搜索框,只要您有一个可以处理参数的搜索结果页面(例如 www.example.com/searchresults/?q =searchquery) 而不是弹出窗口。这是在 Look and Feel -> Layout -> Results only 下的 GCS 管理页面中设置的。单击 "Save & Get Code",然后将 JavaScript 代码放在此 /searchresults/ 页面上。
然后您可以只使用一个标准表单来定向到该页面并传递搜索查询。这适用于付费版和免费版。
这就是我在 www.tunetheweb.com 上的设置方式,如果你想看看的话。
唯一的缺点是,如果您使用该功能,因为它不再是他们的搜索框,您将无法在搜索框中获得他们的自动完成建议。