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