HTML <select name="" id="year"> <option value="" selected style="display: none">----请选择年份----</option> </select>
下拉框中隐藏了第一个option并且默认选中
CSS #year{ position: absolute; top: 10px; left: 465px; width: 180px; height: 32px; line-height:32px; cursor: pointer; border: 1px solid #E2E3E8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; appearance:none; //消除默认箭头 -webkit-appearance: none; -moz-appearance: none; background: url("../image/iconSelect.png") no-repeat right;//使用自己定义的箭头 }
JS var now = new Date(); var nowYear = now.getFullYear(); for (var i = nowYear;i >=
2000; i--) { var option = $("<option/>").val(i).text(i); $(‘#year‘).append(option); }
这里的话是最新到2000年,可以根据自己实际需求改变
效果图
谷歌不支持字体居中