Как удалить фоновый / градиентный стиль из мобильных списков просмотра jquery

Question

Я пытаюсь переопределить стандартный стиль элемента li listview в jquery mobile.Я попытался установить правило в конце всех css

li{
background-color:#ffffff;
border:none;
border-bottom: 1px solid #eeeeee;
}

Но все еще применяются некоторые стили.Я просто хочу сплошной цвет фона и никаких градиентов.

Answer 1

Попробуйте это:

li{
background:#ffffff !important;
border:none;
border-bottom: 1px solid #eeeeee;
}

Это переопределит цвета градиента, созданные в jQuery Mobile с использованием background-image style

Answer 2

попробуйте добавить это в свой код ...

background-image:url('ANYNONEXISTINGIMAGE');

Итак, ваш код будет выглядеть так ...

li{
    background-color:#ffffff;
    border:none;
    border-bottom: 1px solid #eeeeee;
    background-image:url('ANYNONEXISTINGIMAGE');
}

Answer 3

Если вы хотите удалить только все градиенты из элементов списка и не хотите перезаписывать цвета, добавьте эту строку в свой стиль li:

background-image: none !important;