Переопределить встроенный стиль высота авто

Question

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

У меня есть html блок, как указано выше. Проблема здесь в том, что jquery вводит inline css как style="height: auto;" в li элемент, искажающий текущий макияж. Как можно переопределить высоту: auto? Я пробовал height: 100%; не работает.

Answer 1

Я не знаю, что вы хотите сделать, но вы пробовали height:inherit или height:initial?

Answer 2

Предполагая, что вы не имеете никакого контроля над стилями инлайн, вы можете переопределить их, добавив !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 3

Это просто, установить важное значение для правила

li{ 
height: 100% !important; 
}