首頁 > web前端 > html教學 > 漂亮的checkbox樣式(多重選取框)完美相容IE8/9/10,FF等_HTML/Xhtml_網頁製作

漂亮的checkbox樣式(多重選取框)完美相容IE8/9/10,FF等_HTML/Xhtml_網頁製作

WBOY
發布: 2016-05-16 16:39:51
原創
2213 人瀏覽過

說起來汗顏,如此常用的checkbox我改變樣式,居然需要百度,而且百度很久,更可氣的是百度很久找不到可行的解決方案。

後來在csscheckbox.com上找到很多樣式,結果一測相容性IE不行。如此一來,耽誤了很久的時間。

抄了近道屢試不行,回歸JQuery UI,不用說相容性挺好,而且樣式自己隨心所欲畫。

在此記錄一款checkbox的樣式,供大家也供我以後方便使用。
 
有三種狀態,default、hover和active,並測試過,能完美相容於IE8/9/10,FF等。

複製程式碼
程式碼如下:

html lang="en">





<script> <br />$(function() { <br />$( "#check" ).button(); <br />$( "#format" ).buttonset(); <br />}); <br /></script>





相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板