Question

我制作了一个自定义谷歌搜索栏，我用自己的搜索按钮图标更改了。

CSS：

.cse input.gsc-search-button, input.gsc-search-button {
background: url(searchicon.png)no-repeat !important;}

自定义搜索栏：

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

<gcse:search></gcse:search>

检查出来：http://jsfiddle.net/KeZWV/

如何在边界区域制作我的图标中心？我使用了相同的图标，但改变了颜色。

我怎样才能更改＆＃34; Google自定义搜索＆＃34;在文本框中？

Answer 1

如果你可以修改.gsc-input元素的大小，你可以这样做（CSS）：

.cse input.gsc-search-button, input.gsc-search-button {
    background: url(searchicon.png)no-repeat !important;
}
.gsc-input {
    width: 1000px;
    padding-right: 0;
}
.gsc-search-button {
    position: relative;
    right: 300px;
}

http://jsfiddle.net/KeZWV/7/

它是一个热门修复，使用正确和宽度的游戏......不是很优雅，但它可以工作。

PS：我知道它非常糟糕的代码，但仅仅是为了提出一个想法。

如何更改和放置搜索栏图标？

1 个答案: