預(yù)覽
這是一個(gè)正在完善的css文件，是對(duì)原生組件基于標(biāo)簽屬性做了美化，對(duì)datepicker,select等無(wú)法用css實(shí)現(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>
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
圖片精選
