覆盖内联样式高度自动

Question

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

我有如上所述的 html 块。这里的问题是，jquery正在注入一个内联css作为li元素style="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>

Answer 2

我不知道

你想用这个做什么，但你有没有试过height:inherit或height:initial？

Answer 3

很简单

，只需设置！important到规则

li{
height: 100% !important;
}