css - jQuery Mobile 1.4 Rounded Button Corners - 设置单独的 Angular ？

Question

我没有在文档中找到任何内容，但想知道是否有人知道如何单独设置圆 Angular 以获得额外的样式？

文档指出:class="ui-btn ui-corner-all"这向我表明现在或将来可能可以设置单独的 Angular ，否则使用 class="ui- 会不会更容易btn ui-corner”。

还有其他人在顶 Angular 或仅在左侧 Angular 实现了这一点吗？

Answer 1

jQM 只使用纯 CSS 来设置按钮的样式，因此，您只需为所需的 Angular 创建自己的 CSS 规则并将它们应用于按钮:

.topCornersOnly {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.leftCornersOnly {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

<a href="#" class="ui-btn topCornersOnly">Anchor</a>
<a href="#" class="ui-btn leftCornersOnly">Anchor</a>

DEMO