Question

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

我的样式表是head部分中的最后一个链接，以确保它覆盖应用程序中的任何其他样式。然而，它并没有帮助，因为特里克里克的特殊性噩梦让我跳过疯狂的箍环并且几乎没有成就。

我在我的智慧结束 - 我已经按照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认为应该如何看待（更接近原生ui）？

Answer 1

强制平台到特定的平台并使用Kendo UI Mobile ThemeBuilder在此处设置样式：

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

Answer 2

您可以在此处引用我的帖子Kendo mobile template styling/formatting not working - 我遇到了类似的问题，我的帖子可能有所帮助。

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

2 个答案: