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

Question

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

到目前为止，唯一能够在Fireworks或类似的图形程序中重新绘制带有边框的每个图像。我相信很多额外的工作对于一个更有知识的人来说很简单。

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

Answer 1

jQuery Mobile的有设置边框宽度为链接内的所有图片为0。要对列表视图缩略图边框的CSS规则，你需要重写边框宽度，然后设置边框颜色和样式：

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

Answer 2

在你首要的样式表：

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