覆盖内联样式高度auto

Question

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

我有如上所述的html块。这里的问题是，jquery将内联css作为style="height: auto;"注入 li 元素，这会扭曲当前的构成。如何覆盖高度：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>

Answer 2

我不知道你想用这个做什么，但你试过height:inherit还是height:initial？

Answer 3

这很简单，只需设置！对规则很重要

li{
height: 100% !important;
}