html5怎么设置select和input等高

2025-02-27 17:33:09

推荐回答（2个）

回答1：

3种办法可以达到效果：
1、你自己用js模拟写一个下拉效果，这种不推荐，写得太麻烦。
2、你搜索一下“select2”这个插件就是要的，引入后使用非常方便，效果也是比较好的。
3、html5的标签属性，但效果一般，并且需要支持html5的浏览器支持，例子如下：

回答2：

使用css样式设select和input的宽高：

 input,select{height:30px; width:120px; vertical-align:middle;}

注意：有边框的情况下注意边框梭占有的高度会叠加在表单元素上。
备注：表单元素统一都需要设置 vertical-align:middle;属性来设置表单元素横向居中对齐。