Question

我在（Google自定义sesrch）搜索结果呈现标记gcse：searchresults-only

中放了一条白条。

如果我从var cx中删除了cse id或删除了上面的标签，它工作正常，并且白色条纹消失了

屏幕截图https://i.stack.imgur.com/W3x2B.png

我应该如何删除它？请帮助

这是代码的一部分。

body {
  background: grey;
}

<form action="#">
  <input type="search" name="q" />
  <input type="Submit">
</form>

<script>
  (function() {
    var cx = '017892367244882832713:c64hvc3mwtu';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:searchresults-only></gcse:searchresults-only>

Answer 1

该脚本正在创建一个gsc-control-cse类的div，其样式为白色。只需覆盖样式即可：

body {
  background: grey;
}

.gsc-control-cse {
  /* ok to use important here as overriding third party styles */
  background: grey !important;
  border-color: grey !important;
}

<form action="#">
  <input type="search" name="q" />
  <input type="Submit">
</form>

<script>
  (function() {
    var cx = '017892367244882832713:c64hvc3mwtu';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:searchresults-only></gcse:searchresults-only>

给您的小提示-您可以右键单击内容并选择inspect元素，它将打开一些开发人员工具，向您显示将哪些类和样式应用于要检查的元素

HTML主体背景问题

1 个答案: