Jquery Mobile动态缩略图列表 - 如何创建边框？

Question

我进行了搜索和搜索。我无法找到我认为必须相当容易实现的答案。我有一个jquery移动列表视图，由spry数据集填充。我从spry数据集动态加载缩略图图像。我想使用css / html在每个缩略图周围创建一个边框。我尝试了很多不同的方法。

目前唯一可行的方法是使用Fireworks或类似的图形程序重绘每个带边框的图像。对于一个知识渊博的人来说，我相信很多额外的工作。

任何人都可以给我一些帮助，告诉我如何在数据集填充的列表中围绕缩略图放置边框？

Answer 1

JQuery Mobile有一个CSS规则，可以将链接中所有图像的边框宽度设置为0.要在listview缩略图上设置边框，您需要覆盖边框宽度，然后设置边框颜色和样式：

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

Answer 2

在最重要的样式表中：

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