在代号 1 中设置 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

您也需要用空边框覆盖边框属性，因为 iOS 上的默认主题包含侧面命令的边框。这是我们希望在未来解决的问题，但现在它就在那里。

例如

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

在代号 1 中设置 SideCommand 在 IOS 和 Android 上给出不同的结果

Styling SideCommand in codename one gives different results on IOS and Android

codenameone