Question

我从谷歌那里获得了这个代码，但是我无法设置它的样式，我在我的网站中添加了新的规则＆＃css，但是它没有收听并覆盖它谷歌的默认设置，我可以用它做什么来使它看起来像我想要的而不是谷歌如何计划它？

我的css被忽略了

＆＃13;

.cse .gsc-control-cse, .gsc-control-cse {
  background-color: transparent;
  border: none;
  width: 280px;
}

＆＃13;

这是google cse代码

＆＃13;

<script>
  (function() {
    var cx = '013795634587489910289:wcfxuut_dc8';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:search></gcse:search>

＆＃13;

Answer 1

尝试添加

中的样式表

.cse .gsc-control-cse, .gsc-control-cse {
  background-color: transparent;
  border: none;
  width: 280px;
}

google的css。

后

样式

e.g。你的HTML可能看起来像这样：

<link rel="stylesheet" href="https://cloud.google.com/compute/style.css" type="text/css"> <link rel="stylesheet" href="style/page.css" type="text/css">

其中https://cloud.google.com/compute/包含google gcs的样式，而style/page.css包含.cse .gsc-control-cse, .gsc-control-cse { ... } 样式。

作为最后的尝试，只使用如果你必须：

（感谢@MrUpsidown指出此方法为inherently bad）
~~在每个CSS规则后添加!important：~~

~~.cse .gsc-control-cse, .gsc-control-cse { background-color: transparent !important; border: none !important; width: 280px !important; }~~

~~!important css声明用于覆盖应用于同一元素的另一种样式。更多信息：http://www.webcredible.com/blog-reports/web-dev/css-important.shtml~~

如何设置google cse风格

1 个答案:

作为最后的尝试，只使用如果你必须：