Песочница Стили Google Custom Search Engine

Question

Я пытаюсь включить Google CSE в мой веб-сайт. Поиск работает нормально. Я использую Nijhof ASP.NET элемент управления поиском Google CSE на странице сайта, использующей главную страницу. Проблема заключается в том, что стиль Google влияет не только на результаты поиска Google на странице, но и на другие элементы на странице, такие как моя навигация. Google внедряет стили ниже, которые влияют на другие элементы на странице:

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

Буду признателен за любую помощь в том, как изолировать стили поиска. Спасибо!

Answer 1

Если ваши собственные стили используют элемент ID для выбора, они получат приоритет над правилами Google.

Например, используйте div с идентификатором «container» вокруг кода.

Затем используйте правила CSS, которые начинаются с #container, чтобы получить приоритет.

Answer 2

Немного «хакерский» способ переопределения стилей Google заключается в использовании тега! Important в вашем собственном стиле.