Jquery Mobile динамический список миниатюр-Как создать рамку?

Question

Я искал и искал.Я не могу найти ответ на то, что, по моему мнению, должно быть довольно легко сделать.У меня есть мобильный список просмотра jquery, который заполняется набором данных spry.Я загружаю миниатюрные изображения динамически из набора данных spry.Я хотел бы создать рамку вокруг каждого эскиза, используя css / html.Я пробовал несколько разных подходов.

Единственное, что работает до сих пор, - это перерисовать каждое изображение с рамкой в ​​Fireworks или аналогичной графической программе.Много дополнительной работы для чего-то, что, я уверен, просто для более знающего человека.

Может ли кто-нибудь помочь мне с размещением границы вокруг миниатюры в списке, который заполнен набором данных?

Answer 1

JQuery Mobile имеет правило CSS, которое устанавливает ширину границы для всех изображений внутри ссылки равной 0. Чтобы иметь границы для миниатюр списка, необходимо переопределить ширину границы, а затем установить цвет и стиль границы:

.ui-li-thumb {
    border-width: 2px !important;
    border-style: solid;
    border-color: #000;
}

Answer 2

В вашей основной таблице стилей:

.ui-li-thumb { border: 2px solid #000 !important; }