Jquery mobile 如何更改jquery移动列表视图1.40的背景色?
在jqm中更改列表视图的背景时遇到问题。。。我不能把它改成tranparent。这个jqm类的继承结构是什么?我对此有很多问题。有一些高级类继承需要克服,而且不容易找到。下面是jquerymobile1.40的一个例子。这是一个示例,允许您创建完全自定义的listview 最棘手的是处理第一个孩子和按钮li.ui-first-child a.ui-btn——我花了几个小时来跟踪这一过程。希望这有助于其他人,因为1.40现在是最终版本 以下示例是在覆盖面板上创建自定义菜单的常见必要条件Jquery mobile 如何更改jquery移动列表视图1.40的背景色?,jquery-mobile,Jquery Mobile,在jqm中更改列表视图的背景时遇到问题。。。我不能把它改成tranparent。这个jqm类的继承结构是什么?我对此有很多问题。有一些高级类继承需要克服,而且不容易找到。下面是jquerymobile1.40的一个例子。这是一个示例,允许您创建完全自定义的listview 最棘手的是处理第一个孩子和按钮li.ui-first-child a.ui-btn——我花了几个小时来跟踪这一过程。希望这有助于其他人,因为1.40现在是最终版本 以下示例是在覆盖面板上创建自定义菜单的常见必要条件
<ul data-role="listview" class="primary-menu">
<li data-icon="false">
<a href="#product" class="ui-btn ui-nodisc-icon ui-btn-icon-left ui-icon-myicon" >
View Products </a>
</li>
</ul>
/* Menu Classes */
.ui-btn-close-panel {
background-color:#b4316c !important;
}
ul.primary-menu {
margin-top:10px;
border-top:none;
}
ul.primary-menu li a{
font-size: 1em;
line-height: 1.3;
color:#ffffff !important;
font-family: 'ramblabold', Arial, sans-serif;
background-color:transparent !important;
border-bottom:1px solid #f2e3ea !important;
background-image:none !important
}
ul.primary-menu.ui-listview li.ui-first-child a.ui-btn {
color:#ffffff !important;
background-color:transparent !important;
border-bottom:1px solid #f2e3ea !important;
background-image:none !important
}
ul.primary-menu.ui-listview li a.ui-btn {
color:#ffffff !important;
background-color:transparent !important;
border-bottom:1px solid #f2e3ea !important;
background-image:none !important
}
-
/*菜单类*/
.ui btn关闭面板{
背景色:#b4316c!重要;
}
主菜单{
边缘顶部:10px;
边界顶部:无;
}
主菜单{
字号:1em;
线高:1.3;
颜色:#ffffff!重要;
字体系列:“ramblabold”,Arial,无衬线;
背景色:透明!重要;
边框底部:1px实心#f2e3ea!重要;
背景图片:无!重要
}
ul.primary-menu.ui-listview li.ui-first-child a.ui-btn{
颜色:#ffffff!重要;
背景色:透明!重要;
边框底部:1px实心#f2e3ea!重要;
背景图片:无!重要
}
ul.primary-menu.ui-listview li a.ui-btn{
颜色:#ffffff!重要;
背景色:透明!重要;
边框底部:1px实心#f2e3ea!重要;
背景图片:无!重要
}