[memo] JQuery UI CSS ICON 替換小技巧

2011-10-28

7793
0
JQuery

摘要:[memo] JQuery UI CSS ICON 替換小技巧

其實要寫code的程式設計師弄版型及畫面，並不是不可以，只是有些美感的東西，程式設計師做起來就是不好看。

當然萬事都從模仿開始，所以有時間我自己也會兼做一下版型畫面的微調，畢竟公司就是沒有錢多請一個美術人員。

廢話說完後來點正事，雖然JQuery UI 很好用，畫面也不賴，但偶而我們還是會有自定義Icon的需求。

那麼要樣才可以不更動太多JQuery UI 內的CSS，又可以換上客製化ICON呢?

目前想到有兩種做法：

自行把JQuery UI 內提供的圖示( 例如：ui-icon-alert)，這張圖整個用新圖覆蓋，也就是自己學會點陣圖怎麼點。

修改 ui-icon-alert CSS 換成如下Code即可。

.ui-icon-alert 
{
    width: 54px;
    height:28px;
    background-image:url(images/search2.png) !important ; 
    margin-top:-7px !important ;
    margin-left:-1px !important ;
}

其中 search2.png 就是我們自定義的Icon，重點在於後面 !important這行，只要加上這行字就OK嚕^____________^

回首頁