css - 覆盖 icenium 中的默认 kendo-ui 样式

Question

我的目标是在 Icenium 中设计一个 kendo-ui 移动应用程序，使其在使用它的每台设备上看起来都一样。当前目标包括 Android 和 IOS。

我的样式表是头部部分的最后一个链接，以确保它覆盖应用程序中的任何其他样式。不过，这并没有帮助，因为 Telerik 的特殊性噩梦让我跳过了无数的障碍，但几乎没有取得什么成就。

我束手无策 - 我已经按照 http://www.icenium.com/mobile-app-platform/videos-demos/video/kendo-ui-mobile-and-icenium 上的教程进行操作，到目前为止，已经能够覆盖非常少的样式。

例如:

.km-ios #tabstrip-scan .km-navbar
{
    background-image:none;
}

根据 Telerik 的教程，

应该是我需要覆盖默认 ios 标题栏的所有内容。然而，它摆脱了背景图像，但给我留下了背景颜色，它不允许我覆盖(它也不允许我改变文本颜色)。换句话说:

.km-ios #tabstrip-scan .km-navbar
{
    background-image:none;  // works
    background-color: #d9d1ba; //doesn't work
    color: #333333;  //doesn't work either
}

我对他们的按钮类有同样的问题:

.km-ios .km-button 
{
    height: 32px; // works
    width: 100% // doesn't work;
    background-image: none; // doesn't work
}

和输入:

.km-ios input[type=text]
{
    width:100% // doesn't work
    border-radius: 3px; // doesn't work
    -webkit-border-radius: 3px // also doesn't work;
}

有一次，我什至注释掉了整个 kendo 默认样式表，当我在虚拟机中运行该应用程序时仍然获得 kendo 默认样式。

我如何覆盖 kendo-ui-mobile 默认值并按照我希望的方式(在每台设备上都相同)设置应用程序样式，而不是 Telerik 认为它应该看起来的方式(更接近 native ui)？

Answer 1

将平台强制设置为特定平台，并在此处使用 Kendo UI Mobile ThemeBuilder 对其进行样式设置:

http://demos.kendoui.com/mobilethemebuilder/index.html