Я пытаюсь внедрить усилитель на своем сайте. Но когда я использую усилитель, он меняет некоторые конструкции. Затем я добавил! 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
Zubayer 15 Фев 2021 в 09:02

1 ответ

Лучший ответ

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

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

1
Patrick 22 Фев 2021 в 22:35