1

チェックボックスまたはラジオボタンを純粋なcss、つまりjQueryなしでclass = "newstyle"でスタイル設定する方法はありますか?私はWebを検索してきましたが、class=""属性だけでこれを実現する方法があるのではないかと思います。次に例を示します:http ://www.filamentgroup.com/examples/customInput/

編集:これを達成するための私の現在の方法:

<div class="styled-checkbox">
 <input type="checkbox" id="checkbox1" value="1" />
 <label for="checkbox1"><span></span>Test</label>
</div>

ただし、これがこれを実現する正しい方法であるかどうかはわかりません。互換性の観点から、さらに、divはデフォルトで事前設定された幅を必要とします。自動の場合はDOMがいっぱいになります。

4

1 に答える 1

0

1つのクラスだけで目的の効果を得ることができますが、CSSを介して直接スタイルを設定することはできないため、チェックボックスをスタイル設定すると言うのは誤りです。これは、コンポーネントがブラウザ自体ではなく、オペレーティングシステムによって制御されているためです。

回避策は、一連の通常の要素を使用してチェックボックスの外観をシミュレートすることです。

指定したリンクの特定の例では、チェックボックスは完全に非表示になっていますz-index。これは、チェックボックスのグラフィックの改善されたバージョンを含む背景を持つ、経由のラベルの後ろにあるためです。idチェックボックスとラベルに\属性のペアを使用するfor と、ラベル(チェックボックスの画像が表示されます)をクリックすると、チェックボックスがオン/オフの状態に変わります。

于 2013-02-22T20:34:00.323 に答える