[携帯]submitボタンの大きさ調整

by sakaki0214[Mobile]
2010-04-21 12:50:51

よくありがちな「検索」とか、「送信する」とか、そういったボタンの文字サイズ(ボタンのサイズ)が変更できるか、の検証です。

今までsubmitボタンの大きさを変更したことが無かったのですが、とあるソースを見ていたら、

<input type="submit" value="ボタン" style="font-size:x-small;" />

という記述をみかけて気になった次第です。

サンプルページ

<画像:QRコード>
サンプルページを見る

<input type="submit" value="ボタン" style="font-size:x-small;" />

こんな感じで、inputタグの中でfont-sizeを指定してます。

<div style="font-size:x-small;"><input type="submit" value="ボタン" /></div>

下の方は、inputタグ内で指定するのではなく、その外側のdivでfont-sizeを指定しています。

各キャリア、端末の表示

※端末によって若干挙動が異なる可能性があります。

docomo(iモードブラウザ1.0/2.0)

普通のテキストと同じように制御可能

[小]
xx-small
x-small
small

[中]
medium

[大]
large
x-large
xx-large

au(W63K)

なにも変化なし。制御不可

softbank(930P)

7段階の大きさで制御可能

※外側のdivでは制御不可

結論

私の場合ですが、xhtmlでコーディングをする際、body直下のdivでfont-size:x-small指定をすることが多いです。
でも、それだとsoftbankではそれに連動したボタンサイズにならない、ということのようです。

今までそんな気にはしてこなかったので、たぶんそこまで違和感のあるボタンサイズにはなっていなかったんだとは思いますが、今後注意してみてみたいところです。

[*]前の記事 | [#]次の記事
TOP

コメント(2)

Powered by MT4i 3.0.8X1
携帯アクセス解析