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

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

我的样式表是头部的最后一个链接，以确保它覆盖应用中的任何其他样式。然而，这并没有起到什么作用，因为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; 
}

应该是所有我需要重写默认IOS标题栏，根据Telerik的教程。然而，它摆脱了背景图像，但给我留下了一个背景颜色，它不允许我重写（它也不允许我改变文本颜色）。换句话说：

.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-ui-mobile的默认值，并设置应用程序的样式（在每个设备上相同），而不是Telerik认为它应该看起来（更接近本地ui）？

来源

2013-03-26 Eddie Prislac

强制平台，一个专门的，风格也与剑道UI移动ThemeBuilder这里：

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

来源

2013-03-26 21:18:17 Bundyo

我得到了为什么我们会强制一个应用程序平台，但没有办法在直接的CSS中做到这一点？主题构建器不会让你编辑边界半径，并且就定制水平而言，它似乎非常有限 – 2013-03-26 21:44:47

Kendo UI Mobile上的每个平台都包含常见的CSS，图标和平台特定的CSS。如果你有商业许可证，你会得到LESS部分，并且可以按照你的意愿混合它们，尽管你需要[我们的分支]（https://github.com/telerik/less.js/）来编译它们。既然你使用了Icenium，我想你没有商业许可证，那么你可以得到后Q1常见的图标CSS [from here]（http://bundyo.org/common/kendo.mobile.common.min的CSS）。您仍然需要使用图像文件夹。 – Bundyo 2013-03-27 06:27:28

感谢您的链接。我感谢您的帮助。在进一步挖掘之后，似乎Icenium模拟器在调试器中查看它们之后并不适用我编写的样式，但我写的很多内容似乎没有显示出来。（这可以解释为什么我在注释掉默认样式表后仍然获得默认的kendo样式）。这是Icenium中的一个已知错误吗？ – 2013-03-27 14:28:49

则可能会引用我的帖子在这里Kendo mobile template styling/formatting not working - 我有一个类似的问题，我的帖子可能会帮助。

来源

2013-05-16 16:32:40 DropHit

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

回答

相关问题