我如何设计Google自定义搜索框

我想要进行网站搜索，我正在使用谷歌自定义搜索，但它有自己的风格。我想用CSS改变搜索框的样式。我如何设计Google自定义搜索框

请不要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

来源

2017-07-22 Imad Farooque

https://stackoverflow.com/questions/20103263/google-custom-search-csev2-help它的样式 –

您可以使用DOM检查工具，右键点击搜索栏和检查元素。并且您可以确定ID和类以及默认样式。接下来，你可以让自己的CSS规则将替代默认的尝试的CSS代码：

input.gsc-input {} 
input.gsc-search-button {} 
form.gsc-search-box {} 
div.gsc-control-cse {}

来源

2017-07-22 16:41:14

它不是那么简单谷歌覆盖使用JavaScript加载页面后的风格。它有点棘手，他可以使用javascript应用样式，但在1秒或2秒后使用'setTimeout（）'。 – Muhammad

或者设置'！important'在这种情况下，应该也可以吧 –

@ B.Friedrichs我认为！重要应该没问题 –

我如何设计Google自定义搜索框

回答

相关问题