So entfernen Sie die untere Zeilentrennlinie der Zeilenliste JQM 1.4.5

Question

Ich versuche, den unteren Zeilentrenner der Listenansicht zu entfernen. Das CSS, das ich verwendet habe, funktionierte in jQM 1.3.2, aber in 1.4.4 funktioniert es, um alle Separatoren aus der Liste zu entfernen, mit Ausnahme des unteren. Die ursprüngliche Lösung kam von hier: earlier solution

ich eine Liste von 4 Artikel haben:

<ul data-role="listview" data-corners="false" id="indexList"> 
    <li><a href="#">item 1</a></li> 
    <li><a href="#">item 2</a></li> 
    <li><a href="#">item 3</a></li> 
    <li><a href="#">item 4</a></li><br> 
</ul> 

CSS auf die Liste angewendet:

#indexList.ui-listview li { 
    width: 85% !important; 
    margin: 3% !important; 
    padding-bottom:1%; 
    float: left; 
    border: 1px solid #ccc !important; 
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); 
    background: rgba(0,0,102,.85) !important; 
    font-weight:500 !important; 
    text-shadow:none !important; 
} 

CSS die Listenansicht Trennlinie zu entfernen:

.ui-btn-inner 
{ 
    border-width: 0px; 
} 

Ich habe auch versucht border-bottom: none;

TIA für jede mögliche Hilfe angeboten.

Answer 1

Rand wird zum Anker-Tag hinzugefügt, so dass der Code wie folgt ist.

.ui-listview li a.ui-btn{ 
    border: none; 
}