-1

次のようなカスタムスタイルのチェックボックスを作成しました。

私が欲しいのは、チェックボックスからボックスを削除し、クリックするとボタンに次のような新しい色を付けることです。

これはどのように行うことができますか？純粋なCSSで？

生成されたhtml：

<p>
    Huvudområden:
    <label><input class="{category: true}" type="checkbox" name="category[]" value="40" id="grade40">Musicerande</label>
    <label><input class="{category: true}" type="checkbox" name="category[]" value="42" id="grade42">Musikens sammanhang</label>
    <label><input class="{category: true}" type="checkbox" name="category[]" value="41" id="grade41">Musikens verktyg</label>
</p>
4

1 に答える 1

0

チェックボックスハックと呼ばれるものを使用できます。

ご覧のとおり、この種の配置を使用してチェックボックスを非表示にするのがコツです。

input[type=checkbox] {
   position: absolute;
   top: -9999px;
   left: -9999px;
}

次に、を使用しlabelてチェックボックスを切り替えます。

于 2013-03-06T13:24:28.273 に答える