Стилизация представления списка, чтобы скрыть небольшой разрыв между элементами в просмотре списка в jquery mobile

Question

У меня есть просмотр списка, и я хочу, чтобы стилизовать представление списка таким образом, чтобы мы не видели каждый элемент в списке в «окне» (способ отображения списка по умолчанию). У меня естьприменил некоторые CSS, но между каждым пунктом списка есть небольшой разрыв. Пожалуйста, помогите мне в решении этой проблемы.

Это CSS, который я использовал

    .list li{
                border-width:-5px !important;
                border-top-width:0px !important;
                background:#cccccc;
}

Заранее спасибо.

Образец здесь - http://jsfiddle.net/Lvp9j/

Answer 1

Добавьте следующий код CSS (вы можете удалить правило border-width и border-top-width):

.ui-li {
    border-top: 0;
}

Также смотрите мой jsfiddle .

Answer 2

Установка border-top: 0 - не лучшая опция, если вы используете границы в своем списке. Вместо этого вы можете установить расстояние между элементами следующим образом:

.ui-li {
    margin-bottom: -1px !important;
}