jQuery Mobile ListView 边框半径和边框

Question

如果我在 ListView 中为缩略图设置边框半径和边框，它似乎将边框视为图片的一部分，如下所示:

我使用的 CSS 覆盖规则是这样的:

.ui-li-thumb {
    width: 50px;
    height: 50px;
    margin: 8px;
    border: 2px solid #333 !important;
    border-radius: 10px !important;
}

如何使图像也具有 border-radius，使其不与边界重叠？

Answer 1

您目前不能对图像应用边框半径，这真的很糟糕。您需要做的是将其设置为具有边框半径的 div 的背景，以使其正常工作。