Codename One Button css样式问题：阴影覆盖材料图标和文本颜色不适用于图标

Question

我正在尝试使用css样式表设置一个按钮。

使用素材图标时有两种不良副作用：1）图标上方出现白色阴影，2）图标不会随文本颜色改变颜色。

一行一行地杀了我，我发现阴影似乎与填充有关。但我找不到任何提示，为什么图标颜色不会根据文字颜色而改变。

以下是css文件中的代码：

ButtonTest {

    background-color: blueviolet;
    box-shadow: 3pt 3pt 10pt 1px rgba(61,59,61,0.4);
    color: red;
    font-family: "native:MainRegular";
    font-size: 11pt;
    margin-top: 75pt;
    margin-left: 40pt;
    margin-right: 20pt;
    padding: 50pt;
    text-align: center;

}

有没有办法避免这种情况？任何帮助将不胜感激。

这是生成的代码：

private void initGuiBuilderComponents(com.codename1.ui.util.Resources resourceObjectInstance) {
    setLayout(new com.codename1.ui.layouts.LayeredLayout());
    setTitle("GuiComponentBuilder");
    setName("GuiComponentBuilder");
    addComponent(gui_Box_Layout_Y);
    gui_Box_Layout_Y.setName("Box_Layout_Y");
    ((com.codename1.ui.layouts.LayeredLayout)gui_Box_Layout_Y.getParent().getLayout()).setInsets(gui_Box_Layout_Y, "0.0mm -3.054738E-6mm 0.0mm 0.0mm").setReferenceComponents(gui_Box_Layout_Y, "-1 -1 -1 -1").setReferencePositions(gui_Box_Layout_Y, "0.0 0.0 0.0 0.0");
    gui_Box_Layout_Y.addComponent(gui_ButtonTest);
    gui_ButtonTest.setText("Test");
    gui_ButtonTest.setUIID("ButtonTest");
    gui_ButtonTest.setName("ButtonTest");
    com.codename1.ui.FontImage.setMaterialIcon(gui_ButtonTest,'');
    gui_Box_Layout_Y.setName("Box_Layout_Y");
    ((com.codename1.ui.layouts.LayeredLayout)gui_Box_Layout_Y.getParent().getLayout()).setInsets(gui_Box_Layout_Y, "0.0mm -3.054738E-6mm 0.0mm 0.0mm").setReferenceComponents(gui_Box_Layout_Y, "-1 -1 -1 -1").setReferencePositions(gui_Box_Layout_Y, "0.0 0.0 0.0 0.0");
}// </editor-fold>