jQuery Mobile中的圆角选项卡

Question

jQuery Mobile中的圆角选项卡

我在jquery mobile中遇到过导航栏，可以用作标签。

http://jquerymobile.com/test/docs/toolbars/docs-navbar.html

然而，我的要求是使用像我们在一般jQuery中一样的圆角选项卡。

http://jqueryui.com/demos/tabs/

我需要jQuery mobile中的圆角标签。是否有任何方法可以使用css这样的方式导航栏可以更改为圆角的标签？

另外我的要求是让选定的标签连接到相应的div，就像在上面的jquery示例中一样，给出真实标签的外观而不仅仅是按钮。

Answer 1

将它添加到CSS中应该这样做：

.ui-btn {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}