CSSでselect要素の幅を指定するとIEで中身が全部表示されないのをJavaScriptでなんとかする。

hiro_y のブックマーク 2009/01/18 23:06

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/11660006/comment/hiro_y" data-user-id="hiro_y" data-entry-url="https://b.hatena.ne.jp/entry/s/css-tricks.com/select-cuts-off-options-in-ie-fix/" data-original-href="https://css-tricks.com/select-cuts-off-options-in-ie-fix/" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcss-tricks.com%2Fselect-cuts-off-options-in-ie-fix%2F" data-user-icon="/users/hiro_y/profile.png">Select Cuts Off Options In IE (Fix) | CSS-Tricks</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/javascript">javascript</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/jquery">jquery</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/css">css</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/ie">ie</a>]</li></ul><br><p style="clear: left">CSSでselect要素の幅を指定するとIEで中身が全部表示されないのをJavaScriptでなんとかする。</p><a class="datetime" href="https://b.hatena.ne.jp/hiro_y/20090118#bookmark-11660006"><span class="datetime-body">2009/01/18 23:06</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

Select Cuts Off Options In IE (Fix) | CSS-Tricks

css-tricks.com2009/01/14

I think the probl em is fairly obvious here. If you set a static width on the <select> element and the width of the text in the <option> are wider than that, the text gets cut off in IE 6-8. There i...

67 人がブックマーク・21 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

Select Cuts Off Options In IE (Fix) | CSS-Tricks

はてなブックマーク

公式Twitter

はてなのサービス