1

以下にチェックボックスがあります。

foreach($options as $indivOption) {
   echo '<input type="checkbox" name="options[]" id="option-' . $indivOption . 
        '" value="' . $indivOption . '" /><label for="option-' . $indivOption . 
        '">' . $indivOption . '</label>';
}

私の質問は、チェックボックスをボタンのように変換する方法です。デザインがすべてのブラウザですべての画面サイズで機能するようにしたいのですが、これを行う方法を知っている人はいますか?

4

2 に答える 2

0

パディングをいじるだけです。

于 2013-02-08T15:25:25.250 に答える
0

HTML <label> 要素を使用できます。

<label>Button<input type="checkbox"></label>

次に、CSS を使用してラベルのスタイルを設定し、チェックボックスを非表示にします (position: absolute を使用して上/左に負の値を指定します)。

label {
    overflow: hidden;
    display: block;
    background: red;
    ...
}

label input[type="checkbox"] {
    position: absolute;
    left: -9999px;
    top: -9999px;
}
于 2013-02-08T15:05:31.907 に答える