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

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

今まで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ではそれに連動したボタンサイズにならない、ということのようです。

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

トラックバックURL

コメント

蛇足ながら補足を。。
セレクトボックスに対して外から小サイズを指定してやると、セレクトボックス内で改行がされる端末があります。

セレクトタグで外からの指定サイズ以下にする必要があります。
オプションタグにではないのでご注意!

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

↑の内容なんですが、
http://sakaki0214.com/2009/11/17235000.html
こちらのエントリーに関する内容でしょうか。

もしブログの掲載内容に間違いがありましたらご指摘いただけますと助かります。

コメントする


匿名でも本名でもなんでも。


公開されません。


ブログやホームページなどありましたら。


コメントは承認制となっております。公開までしばらくお待ちくださいませ。

サイト内検索
モバイルサイト
これからゆっくり考L:QRコード

このページのトップへ