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

时间:2015-12-29 23:35:20

标签: css css-selectors google-custom-search

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

大多数造型都没问题,但对于我的生活,我无法弄清楚这些薄薄的灰色底边来自哪里: search results page with borders

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

找到带有测试查询的登台网站

请帮我弄清楚为什么我仍然看到边界!提前谢谢。

2 个答案:

答案 0 :(得分:2)

至少在Chrome中,HTML有< tbody>标签动态插入< table>之间和< tr>标签。这个< tbody>标签是仍然保持边界的标签。

您需要更新style.css中的规则以包含< tbody>,例如:

#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;
}

答案 1 :(得分:0)

我希望这能解决你的问题

.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:hover,.gsc-webResult.gsc-result:hover,.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;

"该印刷品显示了我如何获得这些信息"

enter image description here

enter image description here

修改

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

最后一页打印显示代码

enter image description here