码迷,mamicode.com
首页 > 其他好文 > 详细

select multiple 浏览器兼容

时间:2014-06-29 00:26:15      阅读:397      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   get   2014   

  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 下就成

bubuko.com,布布扣

在网上查了下,由于 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

select multiple 浏览器兼容,布布扣,bubuko.com

select multiple 浏览器兼容

标签:style   blog   http   color   get   2014   

原文地址:http://www.cnblogs.com/cg6811568/p/3794033.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!