Codenameone : 如何用 CSS 创建一个圆形徽章？

Question

所以我试图在 codenameone 中使用 CSS 创建一个圆形徽章，但到目前为止我一直不走运或者我的方法是错误的。

我想创建一个带有圆形绿色背景的价格徽章，如下所示：

我正在使用这种 CSS 样式：

MenuCardPrice{
        color: white;
        font-size: 8pt;
        background: #338833;
        border-radius: 50px;
        height : 100px;
        width :100px;
}

但我得到了这样的徽章：

我尝试更改样式的高度和宽度，也尝试过 border-radius: 50%，但这并没有太大区别。

最重要的是，如果我尝试增加它的半径，container/Label 的大小会增加，而不是像这样增加曲线：

使用 CSS 在 Codenameone 中创建圆形徽章的正确方法是什么？

Answer 1

在此处查看开发人员指南的 CSS 部分：https://www.codenameone.com/manual/css.html

RoundBorderFilled {
    background: cn1-round-border;
    color: white;
    font-size: 8mm;
    background: #338833;
    text-align:center;
    padding:3mm;
}

Codenameone : 如何用 CSS 创建一个圆形徽章？

Codenameone : How to create a circular badge with CSS?

css

codenameone