Как не дать усилителю перехватить стиль?

Я пытаюсь внедрить усилитель на своем сайте. Но когда я использую усилитель, он меняет некоторые конструкции. Затем я добавил! Important в стили css. Это сработало, но сломало мой усилитель. Итак, как мне сохранить свои стили, а также сохранить их в силе.

Это мой html

      <!DOCTYPE html>
<html amp>

<style>
<script async custom-element="amp-autocomplete" src="../../../cdn.ampproject.org/v0/amp-autocomplete-0.1.js"></script>
</style>

<body>
<amp-autocomplete filter="substring" min-characters="0" style="padding: 0; color: black; display: inherit;" class="display_fix">
<body>

он не отображает элемент как display:inherit; Это работает, когда я использую display:inherit! Important; Но это делает недействительным усилитель страницы.

Вы можете проверить сайт в режиме реального времени здесь: https://mydoginsurance.com.au/pet-insurance/cover-type/index-no-important.html

Источник

1 ответ

Цель действия AMP - не дать людям переопределить стили, которые он считает необходимыми. Вам нужно будет написать код по-другому, чтобы добиться аналогичного эффекта, если вы хотите сохранить валидность AMP. URL-адрес, который вы указали в 404ing, однако я был бы рад предложить альтернативы, если вы повторно разместите контент

источник: работа в Google над AMP

Источник
Другие вопросы по тегам