Codenameone: как создать круглый значок с CSS?

Question

Итак, я пытался создать круглый значок, используя CSS в коденамоне, но до сих пор мне не везло или мой подход был неверным.

Я хотел создать значок цены с круглым зеленым фоном, например:

Я использую этот стиль CSS:

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

Но я получаю значок, подобный этому:

Я попытался изменить высоту и ширину стиля и попытался будучи также border-radius: 50%, но это не имеет большого значения.

Кроме того, если я пытаюсь увеличить его радиус, размер контейнера / метки увеличивается, а не увеличивается, как эта кривая:

Как правильно создать круглый значок в коденамоне, используя CSS?

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