Sixsick

だらだら雑記とテンプレ配布

2009.06.01 Monday

スポンサーサイト

一定期間更新がないため広告を表示しています

2008.11.20 Thursday

IEでもボタンをスマートに表示する

input type="button" はIEだと長いvalue値の左右にある余白が不必要に増える問題。
度々悩んでは個々に幅を設定して無理やり短くしていました。

でも overflow: visible; で解決するそうです。

サンプル
<input type="button" value="IEでもボタンをスマートに表示する">


<input type="button" value="IEでもボタンをスマートに表示する" style="overflow: visible;">


後はpaddingで適度に余白作ってやれば見栄えよくなるんじゃないでしょうか。
input[type=button]に対応しているブラウザが増えれば一括で指定出来て楽なんですけど、現状は個々にクラスつけていくしかないですね。

2009.06.01 Monday

スポンサーサイト