如何设置Google自定义搜索框的样式
如何设置Google自定义搜索框的样式
提问于 2017-07-22 16:21:21
我想有一个网站搜索，我正在使用谷歌自定义搜索，但它有自己的风格。我想使用CSS更改搜索框的样式。
请不要使用AJAX和jQuery。
JavaScript：
(function() {
var cx = 'myID';
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);
})();HTML：
<gcse:search></gcse:search>我想要这样的东西：www.w3schools.com
Stack Overflow用户
回答已采纳
发布于 2017-07-22 16:41:14
您可以使用DOM检查工具，右键单击搜索栏并检查元素。并且可以确定ID和类以及默认样式。接下来，您可以制定自己的css规则，这些规则将覆盖默认的css规则，尝试如下css代码：
input.gsc-input {}
input.gsc-search-button {}
form.gsc-search-box {}
div.gsc-control-cse {} 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45256715
复制相关文章
相似问题
腾讯云开发者
