2011-07-26 12 views
1

CSSでラジオボタンのサイズを変更することはできますか?私はこれがどうやってできるのか理解できません。これが不可能であることが分かっているなら、私に知らせてください。私は時間を無駄にしません。私はまだHTML 5のCSS 3を調べていません。 Hmmmm ...ラジオボタンのサイズの変更

答えて

0

CSSはフォーム要素の操作を許可しています。そのため、どの要素でも高さと幅を設定できるはずです。しかし、OSとブラウザはまだ最終出力に影響を与えます。

このデモのコードはCSSルールを示し、それらがどのようにラジオボタンのスタイルを設定するために使用されています http://www.456bereastreet.com/lab/styling-form-controls-revisited/radio-button/

CSS使用を回避するための最も簡単な方法 - 実際にこの変更を達成するために、より困難な方法である - されますラジオボタンとカスタムイメージを持つ他のフォームエレメント交換するためにJavaScriptとCSSを使用する: http://www.emblematiq.com/lab/niceforms/

http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

+0

私もそれを読んでいますが、大きなボタンを表示するには#el08を得ることができません。コントロールの幅/高さは大きくなりますが、ボタンは大きくなりません。 – MacGyver

+0

これは唯一の方法でカスタムイメージを使用していますか? – MacGyver

+1

これは本当に簡単です - 私はjQueryを使用してhttp://www.maratz.com/blog/archives/2006/06/11/fancy-checkboxes-and-radio-buttons/ –

2

ラジオボタンの外観は、オペレーティングシステムによって制御されますが、ラジオボタンなどのフォーム要素にスタイルを適用する方法があります。http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/ AFAIKこれは変更することはお勧めしません。

+0

を私はすべてのクラスAのブラウザのために働く例を見つけることができません。.. – MacGyver

+1

@mr。 mac guyver IE6はクラスAブラウザではありません。 –

+0

私はそれを知らなかった。 – MacGyver