jQuery Mobile 1.4圆形按钮角落 - 设置个别角落?

时间:2014-05-13 09:42:15

标签: css jquery-mobile

不是说我在文档中发现了什么,但是想知道是否有人知道单独设置圆角以获得额外的样式?

文档说明:class =" ui-btn ui-corner-all"这向我表明,现在或将来可能设置个别角落不会更容易上课=" ui-btn ui-corner"。

其他人只为顶角或左侧角落实现了这个目标吗?

1 个答案:

答案 0 :(得分:2)

jQM只使用简单的CSS来设置按钮样式,因此,您只需为所需的角创建自己的CSS规则并将其应用于按钮:

.topCornersOnly {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.leftCornersOnly {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

<a href="#" class="ui-btn topCornersOnly">Anchor</a>
<a href="#" class="ui-btn leftCornersOnly">Anchor</a>
  

<强> DEMO