Стилизация SideCommand под кодовым именем дает разные результаты на IOS и Android

Question

У меня есть стиль бокового меню через CSS, на Android, желаемый результат достигнут, но тот же стиль ломается на IOS. Похоже, мне нужно получить доступ к кнопке внутри SideCommand, но я застрял на этом. ниже CSS и кодовое имя один код.

SideCommand{
        background-color: #018de5;
        padding: 2mm;
        color: white;
        font-size: 3mm;
        border-width: 0mm;
        margin: 0.2mm 0mm 0mm 0mm;
    }

mainToolbar.addComponentToSideMenu(avatarBox);
    mainToolbar.addMaterialCommandToSideMenu("Home", FontImage.MATERIAL_HOME, e -> {
        try {
            Home();
        } catch (JSONException ex) {
            System.err.println("there is error");
        }
    });
    mainToolbar.addMaterialCommandToSideMenu("Credit", FontImage.MATERIAL_CREDIT_CARD, e -> {
        credithome.Home(this);
    });

    mainToolbar.addMaterialCommandToSideMenu("Clients", FontImage.MATERIAL_PEOPLE, e -> {
        clienthome.Home(this);
    });

    mainToolbar.addMaterialCommandToSideMenu("Accounting", FontImage.MATERIAL_BOOK, e -> {

        accountinghome.Home(this);
    });

Результат на IOS равен

И android в порядке

Answer 1

Вам также необходимо переопределить свойство border пустой рамкой, поскольку тема по умолчанию в iOS содержит рамку для боковой команды. Это то, что мы хотели бы исправить в будущем, но сейчас оно есть.

Например,

SideCommand{
  background-color: #018de5;
  padding: 2mm;
  color: white;
  font-size: 3mm;
  border: none;
  margin: 0.2mm 0mm 0mm 0mm;
}