如何在jQuery Mobile中向水平选项卡栏添加角点

如何在jQuery Mobile 1.4中向水平方向选项卡添加圆角？ 尽管ui-corner-all类已经存在，UL元素已经设置了边界半径，但是这些角仍然没有半径。在垂直列表中，半径起作用，但此处不起作用

---

您可以直接在上对其进行测试。

添加此项应该可以实现此目的

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

CSS

如果你只想把第一个和最后一个四舍五入

试试：

.ui-navbar li:first-child a {
  border-radius: 10px 0 0 10px;
}
.ui-navbar li:last-child a {
  border-top-right-radius: 0 10px 10px 0;
}

li:first-of-type .ui-link.ui-btn.ui-tabs-anchor{
    border-top-left-radius:10px;
    border-bottom-left-radius:10px
}

li:last-of-type .ui-link.ui-btn.ui-tabs-anchor{
    border-top-right-radius:10px;
    border-bottom-right-radius:10px
}

.ui-navbar li:first-child a {
  border-radius: 10px 0 0 10px;
}
.ui-navbar li:last-child a {
  border-top-right-radius: 0 10px 10px 0;
}