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