私のチェックボックスには背景画像が含まれており、クリックするとその上に正の記号が表示されます。
背景が透明な 2 番目の GIF 画像を元の画像の上に追加することを考えました。クリックすると正符号の背景画像が表示され、もう一度クリックすると消えます。
一般に、カンマ区切りで 2 つの背景画像が可能です。
background: url(image1.png) , url(image2.png);
CSS を使用して、既存のものに 1 つだけ追加することは可能ですか?
私は自分自身を明確に説明したことを願っています。ありがとう
CSS スプライトを使用して、チェックしたときに両方のアイコンで画像の背景位置を変更できます。一般に、チェックボックス内の画像はブラウザー間で十分にサポートされていません。代わりに、ラッピング要素でこれを行う必要がある場合があります。
うーん、これをどのように行っているのか完全にはわかりません。CSS でチェックボックス入力をターゲットにする方法が必要な場合は、次を使用します。
input[type=checkbox] {
}
input[type=checkbox]:checked {
}
チェックボックスで background-image を実際に使用できる場合は、最初の画像に 1 つの画像のみを含め、:checked に両方の画像を含めることができます。そうすれば、チェックボックスをオンにすると、:checked の内容が適用され、他の画像の上にプラス記号が表示されます。