チェックボックスの大きさを変える

チェックボックスの大きさを変える

■しかく動作ブラウザ 【 IE:4.0 NN:6.0】 ■しかくCSSバージョン【1】
Internet Explorer Netscape Navigator iCab
3.0x 4.0x 4.5 5.0x 5.5 6.0 2.0x 3.0x 4.x 6.0 2.x
Windows ×ばつ ○しろまる - ○しろまる ○しろまる ○しろまる ×ばつ ×ばつ ×ばつ ○しろまる -
Macintosh ×ばつ ×ばつ ×ばつ ×ばつ - - ×ばつ ×ばつ ×ばつ ○しろまる ×ばつ
UNIX - - - - - - ×ばつ ×ばつ ×ばつ ○しろまる -

ポイント .big { width:48pt; height:48pt; }
説 明 チェックボックスの大きさを変えるにはwidth、heightで大きさを指定します。
サンプル <html> <head> <title>チェックボックスの大きさを変える</title> </head> <body> <form> <input type="checkbox">大きくなります。 </form> </div><div class="naked_ctrl"> <form action="/index.cgi/contrast" method="get" name="gate"> <p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="http://www.openspc2.org/reibun/css/form/007/index.html">(-&gt;オリジナル)</a> / <label>アドレス: <input type="text" name="naked_post_url" value="http://www.openspc2.org/reibun/css/form/007/index.html" size="22" /></label> <label>モード: <select name="naked_post_mode"> <option value="default">デフォルト</option> <option value="speech">音声ブラウザ</option> <option value="ruby">ルビ付き</option> <option value="contrast" selected="selected">配色反転</option> <option value="larger-text">文字拡大</option> <option value="mobile">モバイル</option> </select> <input type="submit" value="表示" /> </p> </form> </div> </body> </html>
補足説明 なし

■しかくサンプルを実行する >>実行
■しかく各ブラウザでの動作結果を見る >>View!