C1Wijmo 全部的控件是完全可定制的，并且可以根據你自己的需求定制他們的界面外觀。

我準備使用C1Menu演示這一點。

讓我們從向控件應用自定義主題開始。

改變主題

1) 創建一個網站，然后拖放一個C1Menu到web頁面上。

2) 單擊智能標記，并打開任務菜單。

3) 在主題屬性中輸入CDN的URL以指定主題。

例如，在我們的這個例子中，我們應用ui-darkness 主題

http://jquery-ui.googlecode.com/svn/tags/1.8.14/themes/ui-darkness/jquery-ui.css

你可以在下面提到的網址找到你想應用的主題的CDN鏈接– http://blog.jqueryui.com/2011/06/jquery-ui-1-8-14/

運行該工程，可以觀察到該主題被應用到控件上。

改變C1Menu的外觀

如果你希望改變C1Menu的外觀，你所要做的就是找到正確的CSS并且使用你想要的風格覆蓋原有設置。

例如，如果你想在鼠標懸停時改變C1Menu項默認的字體大小，種類，使用下面給出的CSS -

      .wijmo-wijmenu a.wijmo-wijmenu-
      
        link:hover 
{ 
color: #
      
      701; font-family:Calibri; background: Yellow;  border-color: red;  border-
      
        style: solid; 
}
      
    

這將應用一組新的你所期望的字體種類，背景，邊框顏色以及樣式到菜單項目上。

取消在C1Menu上的自動換行行為

在菜單項內部自動折行是C1Menu的默認行為，在需要關閉該功能的情況下，請參考以下CSS

      .wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-
      
        child { width: auto; } 
.wijmo
      
      -wijmenu-text { white-space: nowrap; }
    

我在附件中的示例演示了以上全部的功能，包括應用一個自定義主題，改變外觀以及取消自動折行。

請在這里下載

sample_c1Menu

運行該示例。你會看到C1Menu應用了“ui-darkness”主題。

它的自菜單項不會自動折行，并且當鼠標懸停在每一個菜單項上時，應用了自定義樣式。

Wijmo下載，請進入 Studio for ASP.NET Wijmo 2012 v1正式發布（2012.03.22更新）!

Wijmo 更優美的jQuery UI部件集：自定義 C1WijMenu