css - 如何在代号 one 中自定义 Android 选项卡的外观？

Question

我正在为代号一使用 CSS 插件，我正在尝试自定义选项卡的外观。

这是我的选项卡条目:

Tab {
    background: none;
    cn1-background-type: none;
    color: white;
    background-color: #005EA8;
    font-weight: bold;
    font-size: x-large;
}

Tab.selected {
    background: none;
    cn1-background-type: none;
    color: white;
    background-color: #005EA8;
    text-decoration: underline;
    font-weight: bold;
    font-size: x-large;
}

这非常适用于 IOS，请参见此处:

但对于 android 来说完全不是:

我已经尝试覆盖所有样式，未选择、选择、禁用和按下 . 我还尝试通过自定义 TabbedPane 和 Tabs，但这也没有按预期工作。

我在这里错过了什么？此外，两个设备上的大小(高度)应该相同，但目前情况并非如此。另一点我想不通的是，如何将选项卡拉伸(stretch)到屏幕大小？

Answer 1

Android 原生主题为所有样式定义了#f0f0f0 的默认背景色。当您尝试创建在所有平台上看起来都一样的主题时，这会很烦人。幸运的是，我认为这是它在默认情况下定义的唯一样式，因此您可以通过为主题显式设置自己的默认背景颜色来轻松应对它。

在 CSS 中，您可以使用

定义默认背景

* {
    background-color: transparent;
}

或者，只需记住这个默认值，并为您定义的任何样式明确设置背景颜色。