覆盖内联样式高度自动

Question

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

I have html block as above. The problem here is that, jquery is injecting an inline css as style="height: auto;" to li element which is distorting the current makeup. How is it possible to overrride height: auto ? I tried height: 100%; doesn't work.

Answer 1

Assuming you have no control over the inline styles, you can override them by adding !important to styles in a stylesheet:

 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

It simple, just set !important to the rule

li{
height: 100% !important;
}