html - 入力タイプのテキストとチェックボックスに異なるCSSを使用する

Question

入力チェックボックスの幅を変更しようとすると問題が発生します。

すべての入力はwidth：200px（テキスト、ボタン、チェックボックス）です。しかし、私はチェックボックスのためだけにwidth：20pxが必要です。

出来ますか？

score 2 · Accepted Answer

次を使用できます。

input[type="checkbox"] {width:20px}

しかし、これは完全にブラウザと互換性があるわけではありません。すべてのブラウザは、チェックボックスにクラスを追加したかどうかを認識します。

<input type="checkbox" class="checkbox" />

次に使用します：

.checkbox {width:20px}

score 1 · Accepted Answer

1

input[type=checkbox] { width: 20px; }

于 2012-08-02T00:09:15.450 に答える

score 1 · Accepted Answer

チェックボックスのデフォルトよりも小さいサイズをCSSで設定できますが、大きくはできません。チェックボックスのサイズを大きくしたい場合は、jqueryが必要です。LINKの例

3 に答える 3