我正在尝试使列表中列表项的最小高度等于 100 px,以便为 2 行留出更多空间
.x-list .x-list-item
{
min-height: 500px; /*exaggeration just to see if it works
background-color: red;
}
背景红色出现了,但是 min-height 不受影响,显然是因为我在 chrome 中检查“检查元素”时某处的 !important css 值
<div class="x-list-item-first x-list-header-wrap x-list-item-last x-list-footer-wrap x-list-item x-stretched x-list-item-tpl x-list-item-relative" id="ext-simplelistitem-1" style="min-height: 42px !important;"><div class="x-unsized x-list-disclosure" id="ext-component-6"></div><div class="x-innerhtml" id="ext-element-81"><div class="list-item-title">Title = Unsaved feed title</div> <div class="list-item-narrative">Unsaved feed narrative</div> </div></div>
不确定该style="min-height: 42px !important
位是如何出现的,因为它不是来自 css 文件 - 彻底检查了文件夹