我正在使用V1 GCSE代码在带有Genesis子主题的Wordpress网站上显示搜索结果。
大多数造型都没问题,但对于我的生活,我无法弄清楚这些薄薄的灰色底边来自哪里:
可以在http://74.220.217.211/search/?q=test
找到带有测试查询的登台网站请帮我弄清楚为什么我仍然看到边界!提前谢谢。
答案 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;
"该印刷品显示了我如何获得这些信息"
修改强>
正如作者现在指出的那样,他想要移除灰色边框 - 它来自http://74.220.217.211/search/?q=test第464行 tbody {border-bottom:1px solid #ddd; }
最后一页打印显示代码