復選框樣式是不能直接去修改的,得先去清除它的所有屬性,我們在做壹早教APP頁面的時候就用到了這個樣式:
![]()
首先,清除復選框所有的樣式:
input[type="checkbox"]{
-webkit-appearance:none;
}你可以先給它一個背景:
.dingdan input[type="checkbox"]{
width:55px;
height:55px;
background:url(images/gou1.jpg) left top no-repeat;
}然后給它一個選中的樣式:
input[type="checkbox"]:checked{
background:url(images/gou.jpg)left top no-repeat;
}這樣就可以實現給復選框換樣式了
下一篇: 怎么控制網頁中音樂播放
關鍵詞:
)
)
)
