css - Jquery Mobile - 如何更改列表视图的高度

Question

要更改 listView 的高度，我使用了这个：

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

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

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

Answer 1

为了在不覆盖它的情况下更改列表视图的高度：

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

替换类

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

你必须详细而具体。