个性化单选框

html:


css:
input.css-radio[type="radio"] { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); width: 1px; height: 1px; margin: -1px; padding: 0px; border: 0px none; } input.css-radio[type="radio"] + label.css-label-radio { width: 20px; height: 20px; display: inline-block; line-height: 20px; background-repeat: no-repeat; vertical-align: middle; cursor: pointer; margin-right: 18px; background-position: -344px -181px; }input.css-radio[type="radio"]:checked + label.css-label-radio { background-position: -258px -181px; }

    推荐阅读