我想进行网站搜索,我正在使用Google自定义搜索,但是它有自己的风格。我想使用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
最佳答案
您可以使用DOM检查工具在搜索栏上单击鼠标右键,然后检查元素。您可以确定ID和类以及默认样式。
接下来,您可以创建自己的CSS规则,以覆盖默认规则,如下所示尝试CSS代码:
input.gsc-input {}
input.gsc-search-button {}
form.gsc-search-box {}
div.gsc-control-cse {}