Sandboxing Google Custom Search Engine Styles

Question

J'essaie d'incorporer Google CSE dans mon site Web. La recherche fonctionne bien. J'utilise ASP.NET Google CSE search control de Nijhof sur une page dans un site en utilisant une page maître. Le problème est le style de Google affectant non seulement les résultats de recherche de Google sur la page mais également d'autres éléments sur la page tels que ma navigation. Google injecte les styles ci-dessous qui affectent les autres éléments sur la page:

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; 
} 

J'apprécieraient une aide pour sandbox les styles de recherche. Merci!

Answer 1

Une façon légèrement «hacky» de surclasser les styles de Google serait d'utiliser la balise! Important sur votre propre style.

Answer 2

Si vos propres styles utilisent un élément ID à sélectionner, ils auront la priorité sur les règles de Google. Par exemple, utilisez un div avec l'ID du conteneur autour du code.

Utilisez ensuite les règles CSS qui commencent par #container pour obtenir la priorité.