Определенный CSS цвет фона FloatingActionButton добавляет раздражающий «дефис» поверх него

Question

В моем приложении CN1 есть FloatingActionButton. Мне нужно изменить цвет фона. Все мои стили определены в CSS. Так что это:

FAB {
background-color: #80ccc4;
}

И если я создаю FAB, как FloatingActionButton.createFAB(FontImage.MATERIAL_POWER_SETTINGS_NEW, "FAB");, это приводит к FloatingActionButton с добавленным «дефисом» поверх него:

Напротив, если я создаю FAB без предоставления стиля, а затем программно устанавливаю цвет фона, например fab.getAllStyles().setBgColor(0x80ccc4);, тогда я получаю ожидаемый FAB:

Так, что я должен установить в файле css, чтобы удалить этот нежелательный "дефис"?

Любая помощь приветствуется!

Answer 1

Вы вводите стиль FAB, а не FloatingActionButton, который является правильным UIID для этого. Если вы использовали setUIID, это может быть проблематично для FAB, так как содержимое устанавливается позже.

Причина, по которой это происходит, - небольшая проблема с CSS. Мы получаем цвет фона FAB из RoundBorder, но прозрачность должна быть 0 для значка в центре.

К сожалению, в CSS вы не можете выразить как цвет фона, так и 0 прозрачность фона. Я не думаю, что это решаемо в CSS, поэтому я добавлю специальный случай в FloatingActionButton, который должен обойти это.