覆蓋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樣式

回答

相關問題