說起來汗顏，如此常用的checkbox我改變樣式，居然需要百度，而且百度很久，更可氣的是百度很久找不到可行的解決方案。 後來在csscheckbox.com上找到很多樣式，結果一測相容性IE不行。如此一來，耽誤了很久的時間。 抄了近道屢試不行，回歸JQuery UI，不用說相容性挺好，而且樣式自己隨心所欲畫。 在此記錄一款checkbox的樣式，供大家也供我以後方便使用。 有三種狀態，default、hover和active，並測試過，能完美相容於IE8/9/10，FF等。 複製程式碼程式碼如下: html lang="en"> <br />$(function() { <br />$( "#check" ).button(); <br />$( "#format" ).buttonset(); <br />}); <br /> <br />.ui-button-text-only .ui-button-text { <br />padding: 8px; <br />} <br />.ui-state-default, <br />.ui-widget-content .ui-state -default, <br />.ui-widget-header .ui-state-default { <br />background: url(images/safari-checkbox.png) 0 0 no-repeat; border:none; <br />} <br />.ui-state-hover, <br />.ui-widget-content .ui-state-hover, <br />.ui-widget-header .ui-state-hover, <br />.ui-state-focus, <br />.ui-widget-content .ui-state-focus, <br />.ui-widget-header .ui-state-focus { <br />background: url(images/safari-checkbox.png) -16px 0 no-repeat; border:none; <br />} <br />.ui-state-active, <br />.ui-widget-content .ui-state-active, <br />.ui-widget-header .ui- state-active { <br />background: url(images/safari-checkbox.png) 0 -16px no-repeat; border:none; <br />} <br />
