成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

純CSS3美化 input 的checkbox 和 radio

lsxiao / 1606人閱讀

摘要：樣式復(fù)選框和單選按鈕看起來更漂亮。在線源碼使用你需要引入或者文件到你的工程或者中。

magic-input

CSS3樣式復(fù)選框和單選按鈕看起來更漂亮。只有一個input元素。在線demo
源碼：https://github.com/jaywcjlove/magic-input

使用 
$ npm install magic-input

你需要引入 dist/magic-input.css或者dist/magic-input.min.css 文件到你的工程或者HTML中。如果你使用Stylus 你就可以使用 magic-input.styl 文件

Checkbox iPhone 的樣式
Checkbox 

 Default
 Primary
 Success
 Info
 Warning
 Danger
Radios 

 Default
 Primary
 Success
 Info
 Warning
 Danger
設(shè)置input大小的class

sm 是 small的縮寫 , lg 是 large縮寫

在 Checkbox中設(shè)置下面class

mgc-sm mgc-lg

在 Radio Button中設(shè)置下面

mgr-sm mgr-lg

改變顏色的 Class

在 Checkbox中設(shè)置下面class

mgc-primary mgc-info mgc-success mgc-warning mgc-danger

在 Radio Button中設(shè)置下面
mgr-primary mgr-info mgr-success mgr-warning mgr-danger

關(guān)注公眾號

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/115226.html

相關(guān)文章

  • 純CSS3美化 input 的checkbox 和 radio

    摘要：樣式復(fù)選框和單選按鈕看起來更漂亮。在線源碼使用你需要引入或者文件到你的工程或者中。 magic-input CSS3樣式復(fù)選框和單選按鈕看起來更漂亮。只有一個input元素。在線demo源碼：https://github.com/jaywcjlove/magic-input 使用 $ npm install magic-input 你需要引入 dist/magic-input.css或...

    flyer_dev 評論0 收藏0

  • 總結(jié)：如何修改美化radio、checkbox的默認(rèn)樣式

    摘要：現(xiàn)在前端頁面效果日益豐富，默認(rèn)的組件樣式顯然不能滿足設(shè)計需求。前段時間開發(fā)項目中剛好接觸到相關(guān)的需求，在此特地整理下修改樣式的方法。它使用純編寫，沒有任何的文件。 現(xiàn)在前端頁面效果日益豐富，默認(rèn)的input組件樣式顯然不能滿足設(shè)計需求。前段時間開發(fā)項目中剛好接觸到相關(guān)的需求，在此特地整理下修改radio、CheckBox樣式的方法。 原理：大致原理都是使用原生的checkbox或inp...

    asce1885 評論0 收藏0

  • 總結(jié)：如何修改美化radio、checkbox的默認(rèn)樣式

    摘要：現(xiàn)在前端頁面效果日益豐富，默認(rèn)的組件樣式顯然不能滿足設(shè)計需求。前段時間開發(fā)項目中剛好接觸到相關(guān)的需求，在此特地整理下修改樣式的方法。它使用純編寫，沒有任何的文件。 現(xiàn)在前端頁面效果日益豐富，默認(rèn)的input組件樣式顯然不能滿足設(shè)計需求。前段時間開發(fā)項目中剛好接觸到相關(guān)的需求，在此特地整理下修改radio、CheckBox樣式的方法。 原理：大致原理都是使用原生的checkbox或inp...

    Anshiii 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<