0

我正在尝试为我的网站设计这 3 个单选按钮，这很简单，但我需要它们看起来不同。例如，一个选项有 paypal，另一个 alertpay 和另一个 check，每个选项都有不同的图像。事实证明，这很困难，因为我正在尝试许多不同的教程，所有教程都向我展示了如何仅针对其中一个进行更改，但随后无法针对其他教程进行更改。

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

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

4

2 回答 2

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" />
于 2012-05-02T20:45:58.667 回答
-3

您应该单独调用screwDefaultButtons以在每个上设置不同的图像，例如

$('#radio1').screwDefaultButtons({ 
         checked: "url(images/radio_Checked1.jpg)",
         unchecked: "url(images/radio_Unchecked1.jpg)",
         width:    85,
         height:   85
});

$('#radio2').screwDefaultButtons({
         checked: "url(images/radio_Checked2.jpg)",
         unchecked: "url(images/radio_Unchecked2.jpg)",
         width:    85,
         height:   85
});

顺便说一句，“screwDefaultButtons”链接不是教程，而是使用自定义按钮的 jQuery 插件。

于 2012-05-02T20:38:09.043 回答