我正在研究JqueryMobile列表视图,在此问题之前我有一个小差距导致边框底部和边框顶部显示为2px宽度边框而不是1px。我设法用
修复它margin-bottom: -1px !important;
我的目标是在边框底部和边框顶部之间将其设为虚线。谢谢 我的HTML代码
<div data-role="fieldcontain">
<ul data-theme="f" data-role="listview" data-inset="false" id="listview"></ul>
</div>
我的css
.ui-btn-up-f {
border: 1px solid #bbb /*{f-bup-border}*/;
margin-bottom: -1px !important;
/* border-bottom: 1px dashed #bbb; */
background: #ffffff /*{f-bup-background-color}*/;
font-weight: normal;
color: #333 /*{f-bup-color}*/;
text-shadow: 0 /*{f-bup-shadow-x}*/ 1px /*{f-bup-shadow-y}*/ 0 /*{f-bup-shadow-radius}*/ #fff /*{f-bup-shadow-color}*/;
background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{f-bup-background-start}*/), to( #ffffff /*{f-bup-background-end}*/)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #ffffff /*{f-bup-background-start}*/, #ffffff /*{f-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient( #ffffff /*{f-bup-background-start}*/, #ffffff /*{f-bup-background-end}*/); /* FF3.6 */
background-image: -ms-linear-gradient( #ffffff /*{f-bup-background-start}*/, #ffffff /*{f-bup-background-end}*/); /* IE10 */
background-image: -o-linear-gradient( #ffffff /*{f-bup-background-start}*/, #ffffff /*{f-bup-background-end}*/); /* Opera 11.10+ */
background-image: linear-gradient( #ffffff /*{f-bup-background-start}*/, #ffffff /*{f-bup-background-end}*/);
}
抱歉,我没有发布图片的权限,我用链接替换了它
listview image