html下拉框最多显示条数,如何修改select默认option数量多余显示滚动条查看

最多显示条数,如何修改select默认option数量多余显示滚动条查看"/>

html下拉框最多显示条数,如何修改select默认option数量多余显示滚动条查看

如何修改select下拉框的默认样式，我想这是每个程序猿在做项目时经常会用到问题，毕竟默认的样式实在不敢恭维，而且也不能满足我们的网站的整体风格，如果是用css去设置样式是没问题的，但是你要是想要根据自己的想法控制select下拉框的显示数量，以及超出部分出现滚动条的效果就不能用以往的css去设置了，不信你可以试一下。虽然select会自带出现下拉框，如下图显示，但是还是太丑，这样的作品拿出去不仅客户不买单，会被boss骂死的。老规矩先来介绍一些有关select的属性，然后提供实现方法。

size 属性

size 属性是今天我们实现下拉框滚动条以及显示固定数量的效果主要用到的一个属性，虽然不起眼，但是结合js就会发挥相当大的作用。

码云笔记

mybj123

javascript教程

前端开发教程

效果

通过效果可以看到，我们设置了四条option，通过select的size=3属性控制显示条数为3条，剩下的则需要下拉来查看。