預(yù)覽
這是一個正在完善的css文件，是對原生組件基于標(biāo)簽屬性做了美化，對datepicker,select等無法用css實現(xiàn)的暫不考慮在本文內(nèi)。
按鈕 Button
初始按鈕
| <button>button</button> <button class="red">red</button> <button class="orange">orange</button> <button class="blue">blue</button> <button class="green">green</button> <button class="link">link</button> |
描邊按鈕
| <button class="b-red bk-n">button</button> <button class="b-red">red</button> <button class="b-orange">orange</button> <button class="b-blue">blue</button> <button class="b-green">green</button> |
禁用按鈕
| <button disabled>disabled</button> |
上浮按鈕
| <button class="circle">+</button> <button class="circle teal">+</button> |
按鈕組
| <nav class="btn-group"> <button>button</button> <button>button</button> <button>button</button> </nav> |
表單Form
文本輸入
| <input type="text"><input type="password" > |
開關(guān)
| <input type="checkbox" id="switch1" class="switch"><label for="switch1"></label> |
單選
| <input type="radio" id="test_radio1" name="ra"><label for="test_radio1">radio1</label><input type="radio" disabled id="test_radio3" name="ra"><label for="test_radio3">radio3</label><input type="radio" checked disabled id="test_radio4" name="ras"><label for="test_radio4">radio4</label> |
多選
| <input id="test_checkbox1" type="checkbox"><label for="test_checkbox1">check1</label><input id="test_checkbox3" disabled type="checkbox"><label for="test_checkbox3">check3</label><input id="test_checkbox4" checked disabled type="checkbox"><label for="test_checkbox4">check4</label> |
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持錯新站長站。
新聞熱點
疑難解答
