|
.ui-helper-hidden :為元素應(yīng)用display:none
.ui-helper-hidden-accessible:將元素的絕對(duì)位置設(shè)置為不可見(jiàn)
.ui-helper-clearfix:適用于浮動(dòng)包裹父元素的屬性
. ui-helper-zfix:適用于修復(fù)iframe元素覆蓋的問(wèn)題
.ui-state-default:元素的默認(rèn)樣式
.ui-state-hover:元素為hover狀態(tài)的樣式
.ui-state-focus:元素為focus狀態(tài)的樣式
.ui-state-active:元素為active狀態(tài)(一般為鼠標(biāo)選中)的樣式
.ui-state-hightlight:需要高亮狀態(tài)的樣式
.ui-state-error:元素為錯(cuò)誤狀態(tài)(一般描述錯(cuò)誤信息)的樣式
.ui-state-error-text:描述錯(cuò)誤文字的樣式
.ui-state-disabled:元素被禁用的樣式
.ui-priority-primary:被應(yīng)用于級(jí)別為第一級(jí)的button,如果button需要區(qū)分曾記的話(huà)。將應(yīng)用加粗字體
.ui-priority-secondary:被應(yīng)用于級(jí)別為第二級(jí)的button,和上一場(chǎng)景相對(duì)應(yīng),將應(yīng)用一般粗細(xì)的字體,并且相對(duì)于元素輕度透明
Icon types:css framework提供了一套默認(rèn)的圖標(biāo),這些圖標(biāo)適用于大多場(chǎng)景,一般使用的方式是“ui-icon ui-icon-****”來(lái)指定icon
.ui-corner-tl:左上角圓角,基于css3,ie不支持
.ui-corner-tr:右上角圓角,基于css3,ie不支持
.ui-corner-bl:左下角圓角,基于css3,ie不支持
.ui-corner-br:右下角圓角,基于css3,ie不支持
.ui-corner-top:上面兩個(gè)角圓角,基于css3,ie不支持
.ui-corner-bottom:底部?jī)蓚€(gè)角圓角,基于css3,ie不支持
.ui-corner-right:右部?jī)蓚€(gè)角圓角,基于css3,ie不支持
.ui-corner-left:左部?jī)蓚€(gè)角圓角,基于css3,ie不支持
.ui-corner-all:全部角圓角,基于css3,ie不支持
.ui-widget-overlay:遮罩
.ui-widget-shadow:陰影
在寫(xiě)jquery ui widget的時(shí)候合適的利用這些css就可以做出和jquery ui theme兼容的自定義ui來(lái)。
JavaScript技術(shù):Jquery ui css framework,轉(zhuǎn)載需保留來(lái)源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。