css - Codenameone：如何使用 CSS 创建圆形徽章？

Question

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

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

我正在使用这种 CSS 样式：

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

但我得到这样的徽章：

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

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

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

标签： csscodenameone

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