日韩av免费一二三区-2021精品久久久久精品k8-亚洲红杏AV无码专区首页-99精品久久久久久水蜜桃

咨詢電話:
15628812133
28
2017/04

如何修改input復(fù)選框樣式

發(fā)布時(shí)間:2017-04-28 09:04:15
發(fā)布者:369563174
瀏覽量:
0

復(fù)選框樣式是不能直接去修改的,得先去清除它的所有屬性,我們?cè)谧鲆荚缃藺PP頁(yè)面的時(shí)候就用到了這個(gè)樣式:

1.png

首先,清除復(fù)選框所有的樣式:

input[type="checkbox"]{
        -webkit-appearance:none;
}

你可以先給它一個(gè)背景:

.dingdan input[type="checkbox"]{
        width:55px;
        height:55px;
        background:url(images/gou1.jpg) left top no-repeat;
}

然后給它一個(gè)選中的樣式:

input[type="checkbox"]:checked{
        background:url(images/gou.jpg)left top no-repeat;
}

這樣就可以實(shí)現(xiàn)給復(fù)選框換樣式了

關(guān)鍵詞:
返回列表