0

私は自分のウェブサイト用にこれらの3つのラジオボタンをスタイル設定しようとしていますが、すべてを異なって見えるようにする必要があることを除けば、十分に簡単です。たとえば、1つにはオプションのペイパル、もう1つにはアラートペイ、もう1つにはチェックがあり、それぞれに異なる画像があります。これは、私が多くの異なるチュートリアルを試しているので難しいことを証明しています。すべて、1つのチュートリアルを変更する方法を示していますが、他のチュートリアルは変更できません。

これは私が従おうとしているチュートリアルの1つです-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 に答える