项目选项列表在IE中无法正确显示。需要为元素添加padding和height。有人知道如何解决吗?CSS.reser_item_long select { width: 106%; width: 106.5%\9; height: 33px; *height: 33px; float: left; text-align: left; border: none; outline: none; background: none; cursor: pointer; overflow: hidden; text-transform: uppercase; font-size: 10px; color: #889099; color: #889099\9 !important; padding: 9px 0 0 7px; padding: 0 0 0 7px\9 ; padding: 0 0 0 7px\0/; display:block; (-bracket-:hack; padding: 2px 0 0 7px ; ); } HTML <div class="reser_item_long"> <div class="select-wrapper"> <select id="cmb-country" name="cmb-country"> <option value="-1">Please Select a Country</option> <option value="0">Afghanistan</option> <option value="0">Åland Islands</option> <option value="0">Albania</option> <option value="0">Algeria</option> </select> </div> </div>
你应该修改这个问题并添加你的浏览器版本。但是让我毕竟给你一个解决方案。 问题在于选择、选项、文件输入是由操作系统/浏览器渲染而不是由HTML本身渲染,因此在样式上会出现问题。 你可以通过Javascript模拟和样式化自己的下拉列表,以确保它在每个浏览器和操作系统中都呈现相同的方式。基本上,它生成了一个看起来和感觉像下拉列表的东西,但实际上只是你代码中隐藏的选择的接口。 你可以使用类似于http://formalize.me/这样的工具来为页面上的所有表单元素设置样式。