IEでも有効な、ラジオボタン・チェックボックスのデザイン変更(ラベルクリック対応)

0

    ひとまずコピペのみ。


    input[type=radio]{
        display: none;
        margin: 0;

    }
    input[type=radio] + label {
        background-image: url(radio_off.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding: 0;
        padding-left: 30px;
        display: inline-block;
        margin-right: 12px;
        font-size: 14px;
        line-height: 30px;
        cursor: pointer;
    }

    input[type=radio]:checked + label {
        background-image: url(radio_on.png);
    }
     



    selected entries

    categories

    archives

    recent comment

    recommend

    profile

    BOOKS

    links

    search this site.

    others