height和line-height对基本无效，因其是替换元素，浏览器将可见按钮区与系统级弹出菜单分离渲染；padding是唯一稳定调节选中区高度的方式。
height 对 <select></select> 元素基本无效，别白调了。它只能勉强压扁顶部选中区，弹出菜单的行高、项数、滚动逻辑完全不受控。
为什么 height 和 line-height 都不生效
因为 <select></select> 是替换元素（replaced element），浏览器把它拆成两块渲染：上面可见的“按钮区”可被部分 CSS 影响，下面弹出的菜单由操作系统或 UA 样式绘制，CSS 无法穿透。你设 line-height: 40px，浏览器直接忽略；设 height: 32px，可能只让文字挤在顶部，甚至截断。
-
padding是唯一稳定可控的视觉高度调节方式（比如padding: 6px 12px） -
appearance: none可隐藏原生箭头，但**不开放对弹层的样式控制权** - iOS Safari 强制最小触摸热区为 44×44px，硬缩到 28px 就点不中
真正能控制整体高度的两种轻量方案
不引入框架，也能拿到确定尺寸：
- 用
transform: scale(1, 0.75)缩放整个<select></select>，再配transform-origin: top center和margin-top补偿偏移——注意 Chrome 120+ 会报可访问性警告 - 用
<div> + <code><button></button>+<ul></ul>模拟下拉：此时max-height、line-height、padding全部自由，且能精确控制显示几行（比如max-height: 180px）想限制弹出菜单高度？别动
<select></select>，改父容器直接给
<select></select>加max-height或overflow-y没用。正确做法是把下拉框包进一个<div class="input-group">，然后： <ul> <li>给 <code>.input-group设max-height: 200px和overflow-y: auto - 确保
<select></select>本身不设height或min-height，否则干扰自适应 - 若用自定义下拉组件，
<ul></ul>上设max-height+overflow-y: auto即可，<div class="dropdown"> 保持无高度约束 <p>最常被忽略的一点：所谓“整体高度”，其实包含两个独立维度——选中区高度（前端可控）和弹出菜单高度（系统级不可控）。强行用 CSS 统一它们，只会触发兼容性雷区或可访问性降级。真要一致，就得放弃原生 <code><select></select>。
