摘要:樣式復選框和單選按鈕看起來更漂亮。在線源碼使用你需要引入或者文件到你的工程或者中。
magic-input
CSS3樣式復選框和單選按鈕看起來更漂亮。只有一個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 DangerRadios
Default Primary Success Info Warning Danger設置input大小的class
sm 是 small的縮寫 , lg 是 large縮寫
在 Checkbox中設置下面class
mgc-sm mgc-lg
在 Radio Button中設置下面
mgr-sm mgr-lg
改變顏色的 Class在 Checkbox中設置下面class
mgc-primary mgc-info mgc-success mgc-warning mgc-danger
在 Radio Button中設置下面
mgr-primary mgr-info mgr-success mgr-warning mgr-danger
關注公眾號
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/115226.html
摘要:樣式復選框和單選按鈕看起來更漂亮。在線源碼使用你需要引入或者文件到你的工程或者中。 magic-input CSS3樣式復選框和單選按鈕看起來更漂亮。只有一個input元素。在線demo源碼:https://github.com/jaywcjlove/magic-input 使用 $ npm install magic-input 你需要引入 dist/magic-input.css或...
摘要:現在前端頁面效果日益豐富,默認的組件樣式顯然不能滿足設計需求。前段時間開發項目中剛好接觸到相關的需求,在此特地整理下修改樣式的方法。它使用純編寫,沒有任何的文件。 現在前端頁面效果日益豐富,默認的input組件樣式顯然不能滿足設計需求。前段時間開發項目中剛好接觸到相關的需求,在此特地整理下修改radio、CheckBox樣式的方法。 原理:大致原理都是使用原生的checkbox或inp...
摘要:現在前端頁面效果日益豐富,默認的組件樣式顯然不能滿足設計需求。前段時間開發項目中剛好接觸到相關的需求,在此特地整理下修改樣式的方法。它使用純編寫,沒有任何的文件。 現在前端頁面效果日益豐富,默認的input組件樣式顯然不能滿足設計需求。前段時間開發項目中剛好接觸到相關的需求,在此特地整理下修改radio、CheckBox樣式的方法。 原理:大致原理都是使用原生的checkbox或inp...
閱讀 2906·2023-04-26 01:01
閱讀 3682·2021-11-23 09:51
閱讀 2514·2021-11-22 14:44
閱讀 3542·2021-09-23 11:57
閱讀 2826·2021-09-22 14:58
閱讀 5866·2021-09-10 11:25
閱讀 2100·2019-08-30 13:11
閱讀 1589·2019-08-30 12:59