如何用一個說「搜索」的按鈕替換谷歌自定義搜索引擎的放大鏡？

我使用的基本代碼和標準的「緊湊」的主題爲GCSE：如何用一個說「搜索」的按鈕替換谷歌自定義搜索引擎的放大鏡？

<script> 
    (function() { 
    var cx = '111111111111111111111:11111111111'; 
    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>

這使得輸入按鈕：

<td class="gsc-search-button"> 
    <input type="image" src="http://www.google.com/uds/css/v2/search_box_icon.png" class="gsc-search-button gsc-search-button-v2" title="search"> 
</td>

我想它是這樣的

<td class="gsc-search-button"> 
    <input type="button" value="search" title="search"> 
</td>

我似乎無法弄清楚如何去做。這可能嗎？

來源

2015-04-27 pg.

我發現用文本而不是圖像添加搜索按鈕的唯一方法是改變主題。

您可以通過在創建過程中單擊左側菜單上的「外觀和感覺」鏈接來更改主題。然後點擊主題標籤來改變它。一旦您更改爲具有搜索文本的主題，您可以單擊「自定義」選項卡來更改顏色。

https://support.google.com/customsearch/answer/4513783?hl=en

enter image description here

來源

2015-04-27 17:49:12 Huangism

使用jQuery，你可以做到這一點很容易。

的谷歌段已加載後，執行此代碼：

$("td.gsc-search-button").empty().html('<input type="button" value="search" title="search">');

你只需要確保，上面的代碼運行谷歌的代碼後。

-Asrar

來源

2015-04-27 17:51:40 Asrar

未允許要顯示的按鈕圖象的CSS屬性處於bootstrap.css文件全球box-sizing: inherit。如果您使用的是bootstrap，則應覆蓋此屬性以具有inherit或content-box值。您可以通過將自定義搜索元素放在div中並將該屬性的!important這個屬性賦予該類來覆蓋此屬性。

我剛剛發現它，它適用於我。

就是這樣！

來源

2015-05-14 14:32:40 ilter

對我有用！ bootstrap 3.3.4 –

很高興它爲你工作。 – ilter

你能夠分享你使用的div的例子嗎？ –

function myCallback() { 
    $("td.gsc-search-button input").attr("type", "submit").attr("value", "submit"); 
} 

window.__gcse = { 
    callback: myCallback 
}; //.......load google CSE tag after this

這對我有用，它保留了所有的事件處理程序。

來源

2016-07-28 20:44:54

謝謝，這對我有用:) –

如何用一個說「搜索」的按鈕替換谷歌自定義搜索引擎的放大鏡？

回答

相關問題