Закругленная угловая вкладка в jQuery Mobile

Question

Закругленная угловая вкладка в jQuery Mobile

Я столкнулся с навигационной панелью в jquery mobile, которую можно использовать как вкладки.

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

Однако мое требование состоит в том, чтобыиспользуйте вкладки с закругленными углами, как у нас в целом jQuery.

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

Мне нужны круглые вкладки в мобильном jQuery.Есть ли способ использовать css таким образом, чтобы панель навигации могла быть изменена на вкладки с закругленными углами?

Кроме того, мое требование - подключить выбранные вкладки к соответствующему элементу div, как это делается в приведенном выше примере jquery, длявзглянуть на реальные вкладки вместо простых кнопок.

Answer 1

Добавление этого в ваш CSS должно сделать это:

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