我正在尝试更改 li 元素的高度，但没有运气。我已经尝试过这里给出的解决方案，但它只是不起作用！我正在使用 jQM 1.1.1 版。列表视图是动态生成的。以下是代码：
$('.eventInfoBox').append(' <div id="eventInfoBoxContents"> \
<div data-role="fieldcontain"> \
<label>Target Item: </label> \
<ul data-role="listview" data-inset="true" id="targetItemUL">\
<li class="ui-li"><img style="width:20px;height:20px;margin-top: 3px;margin-left: 3px;" id="targetImage" src="images/products.jpg" /> \
<div style="padding-left: 5px;"> \
<h3>Testing</h3> \
</div> \
</li> \
</ul> \
</div> \
').trigger('create');
我添加的 CSS 如下：
#targetItemUL > li .ui-li {
height : 30px;
}
有人可以在这里帮助我并告诉我我做错了什么。谢谢！