首页 > 代码库 > select multiple 浏览器兼容
select multiple 浏览器兼容
select multiple 时一般是设置 height
<select multiple="multiple" style="height:87px;"> <option>1111111111111111111111</option> <option>2222222222222222222222</option> <option>3333333333333333333333</option> <option>4444444444444444444444444</option> <option>555555555555555555555555</option> <option>666666666666666666666666</option> <option>7777777777777777777777</option> <option>888888888888888888888</option> <option>999999999999999999999</option> </select>
上面的代码在 Firfox chrome 上都显示正常，但在 IE 下就成
在网上查了下，由于 option 由浏览器控制，不受 CSS 控制，一般做法是不设置 height 而是用 size
<select multiple="multiple" size="5"> <option>1111111111111111111111</option> <option>2222222222222222222222</option> <option>3333333333333333333333</option> <option>4444444444444444444444444</option> <option>555555555555555555555555</option> <option>666666666666666666666666</option> <option>7777777777777777777777</option> <option>888888888888888888888</option> <option>999999999999999999999</option> </select>
但是设置 size 有一个问题就是当 size 为 1 时在 Firfox 上面显示的不正常，不知道如何解决。
参考：http://formalize.me/jquery_demo.html
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。