javascript - 每个单选按钮的不同样式

Question

我正在尝试为我的网站设计这 3 个单选按钮的样式，非常简单，只是我需要它们看起来都不同。例如，一个选项有 paypal，另一个选项是 alertpay，另一个选项是支票，每个选项都有不同的图像。事实证明这很困难，因为我正在尝试许多不同的教程，所有教程都向我展示了如何只为一个更改它，但不能为其他人更改。

这是我尝试遵循的教程之一 - http://screwdefaultbuttons.com/

任何人都可以给我任何想法或指向可以帮助我的地方的链接。谢谢

Answer 1

是的，用一些花哨的格式在 css 中定义你的类，比如:

.button1 { 
   width: 19px;
   height: 25px;
   padding: 0 5px 0 0;
   background: url(checkbox.jpg) no-repeat;
}

.button2 {
   width: 19px;
   height: 25px;
   padding: 0 5px 0 0;
   background: url(somethingelse.jpg) no-repeat;
}

然后将类放在 html 中，例如:

<input type="radio" name="radio1" class="button1" />