2

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

我的样式表是 head 部分的最后一个链接，以确保它覆盖应用程序中的任何其他样式。不过，这并没有帮助，因为 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）？

4

2 回答 2

3

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

http://demos.kendoui.c​​om/mobilethemebuilder/index.html

于 2013-03-26T21:18:17.293 回答
1

您可能会在此处参考我的帖子Kendo 移动模板样式/格式不起作用- 我遇到了类似的问题，我的帖子可能会有所帮助。

于 2013-05-16T16:32:40.447 回答