人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

FireFoxで、checkboxのサイズを変更する方法をしらないですか?

スタイルシートで、widthとheightを設定する方法では上手くいきません。

【例】
<input type="checkbox" value="d0"
name="ck2" style="width:50px;height:50px">

下のサイトだと、width、heightを設定する方法でcheckboxのサイズを変更できるみたいなことが書いてありますが、僕のFireFox1.0.7では上手くいきませんでした。
http://www.1uphp.com/con1/form/sizecss.html

誰か分かる人がいましたら教えてください。
お願いしますm(_ _)m

●質問者: hiyarihatto
●カテゴリ:インターネット ウェブ制作
✍キーワード:D0 firefox name サイズ サイト
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● わんきち
●27ポイント ベストアンサー

チェックボックスの大きさはスタイルシートでは変えられないのではないかと思います。

自分の環境だけ変える方法としてはwindowsの場合であればスタイルを変更するしかないです。

もしもwebで誰が見てもサイズの違うチェックボックスを実現させたい場合はチェックボックス自体の画像を自分で用意し、javascriptでそれなりの挙動をするように細工してあげるしか無いでしょう

◎質問者からの返答

コメントありがとうございます。

チェックボックスの大きさを変える必要があることなのかも考慮して、今後javascirptでの擬似チェックボックスも検討したいと思います。

参考になりました。


2 ● skky
●27ポイント

inputに指定するスタイルシートでチェックボックスだけフォントサイズを大きくするのでは駄目ですか?

◎質問者からの返答

コメントありがとうございます。

ということですか?

うまくいきませんでした。


3 ● KirakiraHikaru
●26ポイント

Firefox 1.5.0.4

を使用しているのですが、このバージョンだとチェックボックスのサイズが大きく表示されました。(チェックボックスの大きさまで変えられるなんて知らなかったので、正直ビックリしました(*'u'*) )

Firefoxのバージョンは1.0.7でないと駄目でしょうか?

◎質問者からの返答

コメントありがとうございます。

1.5だとうまくいくみたいですね。

1.07ではないとだめということはないのですが、

webで公開するものなので出来ればブラウザ依存はしたくないという気持ちはあります。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ