Sandboxing Google Custom Search Engine Styles

Question

Ich versuche, Google CSE in meine Website zu integrieren. Die Suche funktioniert gut. Ich verwende Nijhofs ASP.NET Google CSE search control auf einer Seite in einer Site, die eine Masterseite verwendet. Das Problem ist, dass sich der Stil von Google nicht nur auf die Google-Suchergebnisse auf der Seite auswirkt, sondern auch auf andere Elemente auf der Seite, z. B. auf meine Navigation. Google spritzt die Stile unten, die die anderen Elemente auf der Seite beeinflussen, sind:

body, td, div, .p, a {Search.a...chStr=mmm (line 278) 
font-family:arial,sans-serif; 
} 
div, td, .n a, .n a:visited {Search.a...chStr=mmm (line 278) 
color:#000000; 
} 

ich Hilfe schätzen würde, wie die Suche Stile Sandbox. Vielen Dank!

Answer 1

Eine etwas "hackige" Art, die Google-Stile zu übersteuern, wäre die Verwendung des! Important-Tags für Ihr eigenes Styling.

Answer 2

Wenn Ihre eigenen Stile ein ID-Element zum Auswählen verwenden, erhalten sie Vorrang vor den Google-Regeln.

Verwenden Sie zum Beispiel ein div mit der ID 'container' um den Code.

Verwenden Sie dann CSS-Regeln, die mit #container beginnen, um den Vorrang zu erhalten.