私はJqueryMobileリストビューに取り組んでいますが、これが問題になる前に、境界線の下部と境界線の上部が1pxではなく2px幅の境界線として表示されるわずかな隙間があります。私はなんとかそれを修正する
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}*/);
}