html - 覆盖内联样式高度自动

Question

<li style="height: auto;">
                <a >Test</a>
            </li>

我有上面的 html block 。这里的问题是，jquery 将内联 css 作为 style="height: auto;" 注入(inject) li 元素，这会扭曲当前的构成。怎么可能覆盖 height: auto ？我试过 height: 100%; 不起作用。

Answer 1

假设您无法控制内联样式，您可以通过向样式表中的样式添加 !important 来覆盖它们:

li {
  height: 100px !important;
  background: lightblue !important;
}

<ul>
  <li style="height: auto; background: green">
    <a>Test 1</a>
  </li>
  <li style="height: auto; background: green">
    <a>Test 2</a>
  </li>
</ul>