如何阻止放大器拦截样式？

Question

我正在尝试在我的网站上实施 amp。但是当我使用放大器时，它正在改变一些设计。然后我将 !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 时有效！重要；但它使页面放大器无效。

您可以从这里实时查看网站：https://mydoginsurance.com.au/pet-insurance/cover-type/index-no-important.html

Answer 1

AMP 有效性的目的是防止人们覆盖它认为需要的样式。如果您想保持 AMP 有效性，则需要以不同的方式编写代码才能达到类似的效果。您在 404ing 中列出的 URL，但是如果您重新列出内容，我很乐意建议替代方案

来源：在 Google 从事 AMP

如何阻止放大器拦截样式？

How to stop amp from intercepting a style?

html

javascript

css

frontend

amp-html