当前位置:  开发笔记 > 前端 > 正文

HTML选择框的高度(下拉列表)

如何解决《HTML选择框的高度(下拉列表)》经验,为你挑选了2个好方法。

有人可以确认其能够改变,当你点击一个选择框,显示一个下拉的高度.

select的size属性使它看起来像一个列表,CSS中的height属性也不会很好.



1> scunliffe..:

证实.

下拉的部分设置为:

    显示所有条目所需的高度,或

    需要显示的高度x项(带有滚动条来查看剩余),其中x

    在Firefox和Chrome中有20个

    在IE 6,7,8中有30个

    16 for Opera 10

    歌剧11的14

    22 for Safari 4

    18 for Safari 5

    11在IE 5.0,5.5中

    在IE/Edge中,如果没有选项,则列出11个空白条目的愚蠢的高清列表.

对于上面的(3),你可以在这个JSFiddle中看到结果


@scunliffe Hats-off提供的数量:)

2> mkoryak..:

我一直在研究下拉替换jquery插件来解决这个问题.截至本文,它在外​​观和功能方面几乎与本机下拉列表无法区分.

这是一个演示(也是下载链接):http: //programmingdrunk.com/current-projects/dropdownReplacement/

这是插件的项目页面:

http://plugins.jquery.com/project/dropdownreplacement

(更新:) jquery插件页面似乎不再有效.我可能不会在我们的新网站上运行时将其插入新网站,所以请随时使用programmingdrunk.com链接进行演示/下载

推荐阅读
雨天是最美
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有