为什么在我的 Google CSE 结果中仍然看到底部边框？

Question

我正在使用 V1 GCSE 代码在带有 Genesis 子主题的 Wordpress 网站上显示搜索结果。

大部分样式都还不错，但对于我来说，我想不通这些细细的灰色底部边框是从哪里来的：

可以在 http://74.220.217.211/search/?q=test

找到带有测试查询的暂存站点

请帮我弄清楚为什么我仍然看到边框！提前致谢。

Answer 1

嗯，我希望这能解决你的问题

.gsc-webResult.gsc-result:hover, .gsc-imageResult:hover

在 http://74.220.217.211/search/?q=test 第 196 行

删除这个

border-color: #8DBCB0;
border-width: 3px;

.cse .gsc-webResult.gsc-result：悬停，.gsc-webResult.gsc-result：悬停，.gsc-webResult.gsc-result.gsc-promotion:hover, .gsc-results .gsc-imageResult-classic:hover, .gsc-results .gsc-imageResult-column:hover

在 https://cse.google.com/cse/style/look/minimalist.css 第 165 行

删除此

border-left: 1px solid;
border-color: #000000;
border-bottom: 0px solid;

"The print shows how I get this information"

编辑

正如作者现在指定的那样，这是他要删除的灰色边框 - 它来自 http://74.220.217.211/search/?q=test 第 464 行 tbody { border-bottom: 1px solid #ddd; }

最后一张打印显示代码

Answer 2

至少在 Chrome 中，HTML 在

和标签之间动态插入了一个标签。这个标签是仍然保持在边框上的标签。

您需要更新 style.css 中的规则以包含

，例如：

#search-results table, #search-results table tr, #search-results table tr td {
    ...
    border: 0 none;
}

变成

#search-results table, #search-results table tr, #search-results table tr td, #search-results table tbody {
    ...
    border: 0 none;
}

为什么在我的 Google CSE 结果中仍然看到底部边框？

Why do I still see a bottom border in my Google CSE results?

css

css-selectors

google-custom-search