jquery - 如何调整jquery mobile listview项目和分隔符的大小

Question

我想调整我的 jquery mobile listview 的列表项的大小，并将 listview 分隔符调整为不同的高度。例如，假设列表项的高度应为 50 像素，分隔线应为 30 像素。

我正在尝试覆盖 jquery 移动 css 样式，因此我尝试更改 .ui-li、.ui-content 和其他样式，但它对我不起作用，也找不到任何有关此的文档。我对 jQM 很陌生，所以我会很感激任何线索。

Answer 1

我解决了项目的问题（或多或少），使用此代码我可以修改顶部和底部填充：

.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
    padding-top:5px;
    padding-bottom:5px;
}

不完美，但就是东西。希望这对其他人有帮助。

Answer 2

我只是遇到了同样的问题（尽管我的列表视图没有分隔线）。这是我想出的解决方案：

#your-listview-id li {
   height: 50px;
}