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-ui-mobile 默认设置并按照我希望的外观设计应用程序(在每个设备上都相同)，而不是 Telerik 认为它应该看起来的样子(更接近原生 ui)？

Answer 1

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

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