Google CSE mit Twitter Bootstrap, so dass die Suche-box richtig
Die Google Custom Search (CSE) nicht mehr angezeigt werden das Suchfeld und die Schaltfläche richtig.
Ich bin mit Twitter Bootstrap v3.1.0.
<script>
(function() {
var cx = '009077552906670546181:2ufng0dmsos';
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>
Kann bitte jemand helfen?
screenshot des fehlerhaften Suchbox
- Bitte teilen Sie jsfiddle-link?
- Habe versucht deinen code in jsfiddle. Funktioniert Prima, denke ich. jsfiddle.net/Bq4Pz
- Was genau das Problem mit button und Suchfeld?
- Duplikat von stackoverflow.com/questions/15954381/...
- Es scheint das problem ist nicht das doppelte oder ich konnte mein problem nicht lösen mit der bereitgestellten Lösung. Aktualisiert die JSFiddle zu simulieren, das problem.
- Ich hatte ein ähnliches problem. Die Art, wie ich es gelöst wurde mithilfe von Firebug in firefox. Ich inspizierte die google custom search engine input-Feld und deaktiviert css-Regeln aus meinem custom css-Dateien, sah verdächtig eins nach dem anderen, bis ich traf auf eine, die es behoben. In meinem speziellen Fall war das eine Rand an allen
table
Elemente. Entfernen, die das Problem beseitigt haben. Firebug (oder einem ähnlichen tool) sparen Sie, denke ich.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich habe das gleiche problem. Es ist nicht die beste Lösung, aber bis diese Lösung kommt... es könnte Ihnen helfen. Versuchen Sie, diese zu Ihrer CSS-Datei mit Ihren eigenen Farben und Maßnahmen:
Benutzt habe ich die folgenden CSS-lösen des Bootstrap-Konflikt:
Können Sie das Beispiel hier (ich benutze Bootstrap 3.2 aktuell):
http://www.am22tech.com/google-custom-search-input-box-conflicting-bootstrap-css/
Pro getbootstrap.com:
Überprüfen Sie die Third-party-support Abschnitt für einige Workarounds.
Vom https://productforums.google.com/forum/#!topic/adsense/bUtHfTZ_HYM, ich habe:
Die Lösung ist diese:
Fügt diesen code auf der .css Ihrer Website:
Folgendes bei mir funktioniert:
CSS: