【IE8】selectの幅制御に「max-width」は効かない

Yukimi Sato 401views 更新:2015年7月30日

IE8でselectの中身が長文だった場合、場所によっては幅が大きくなりすぎるので、対処しようと、

select{
 max-width : 300px;
}

と設定したところ、同じように大きくなりすぎていたFireFoxでは効いてもIE8では効いていませんでした。

そこで下記のように指定。

html>/**/body select{
  width /*\**/: 300px \9;
}

IE8用のCSSハックも一緒に使っています。

ちょっと昔過ぎて覚えていないのですが、確かIE6,7は幅指定してしまうとプルダウンの中身もその幅になってしまうので、あくまでもIE8用指定としてお使いください。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません