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; }