css - Jquery Mobile - 如何更改 ListView 的高度

Question

为了改变 listView 的高度，我使用了这个:

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

这使得每个listView的高度都改变了。好的，一切都很好。但是它也改变了选择字段的弹出选项列表值的高度。

我可以添加内部 CSS 来修复它，但这需要处理大量页面。现在我想知道有没有办法为 ListView 和选择菜单编写更好的非覆盖 CSS？

Answer 1

为了在不覆盖它的情况下改变 ListView 的高度:

• 您应该找到导致它的类的来源。
• 用 jquery 删除类
• 用你自己的类替换它

替换类

$("p").removeClass(".ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li ").addClass(".whatever .your .class .is");

你必须详细和具体。