7

クラスやIDを使用せずに、純粋なCSSを使用してラジオボタンのスタイルを設定したいと思います。input [type=radio]だけです。未選択と選択済みの背景画像を使用したい。ただし、-vendor-appearance：none; TridentまたはGeckoでは動作しません。ただのWebkit。これらのブラウザでは、ラジオボタンの背景として背景画像を表示できますが、ボタンは画像を表示するだけでなく、ボタンが表示されたままです。ボタンを削除して、背景画像だけを表示するにはどうすればよいですか。フィドル： http： //jsfiddle.net/7kScn/

4

3 に答える 3

8

CSS2セレクタートリックを使用して、ラジオグループに接続し、直後に他のものを表示できます。

参照： http： //jsfiddle.net/7kScn/1/

これは基本的な例ですが、入力フィールドを非表示にし、その直後にラベルをスタイリングすることを前提として動作し、実際にチェックしているものであるという効果をもたらします。

于 2011-12-16T01:43:18.533 に答える
1

これは役に立ちますか？input [type = radio]：checked {border：1px solid black; }

于 2011-12-16T03:33:14.713 に答える
0

:beforeCSSのみを使用してチェックボックスとラジオをカスタマイズする方法、およびラベルのスタイルを設定してラベルと疑似クラスを使用してオン/オフスイッチを作成する方法についてのチュートリアルを作成しました:after。多分これは役に立ちます:)ここでそれを読んでください：http：//blog.felixhagspiel.de/index.php/posts/custom-inputs

于 2015-01-19T11:03:10.313 に答える