height 对 select multiple 失效因浏览器将可点击区域与弹出列表分离渲染，height 仅影响前者；size 属性是唯一跨浏览器生效的限高方式，直接控制显示行数并自动添加滚动条。
给 select multiple 设 height 为什么经常失效
因为浏览器把 select 的“可点击区域”和“多选列表弹出层”当成两个独立部分渲染。height 只能影响前者，而后者（即实际显示的滚动列表）由 size 属性或浏览器默认行数决定。你写 height: 60px，可能只压扁了顶部边框，但列表照样撑开 10 行——尤其在 Chrome 和 Edge 中几乎完全无视。
size 是唯一跨浏览器生效的原生限高方式
size 属性直接告诉浏览器“这个 select 应该显示几行选项”，它会据此计算高度、自动加滚动条，并被所有主流浏览器一致支持（包括 iOS Safari，虽然视觉略有差异）。
-
size="1"：退化为单选下拉样式（点击展开） -
size="4"：固定显示 4 行，超出需滚动；适合表单中嵌入多选且空间有限的场景 -
size和multiple可共存：<select multiple size="5"></select>是合法且推荐的写法 - 注意：设了
size后，select不再是“点击展开”模式，而是常驻列表，交互逻辑变了
想保留点击展开 + 多选 + 限高？只能自定义
原生 select 不支持“点击弹出、又限制弹出层高度”的组合。这时候必须用 div+button+ul 模拟，否则永远绕不开浏览器限制。
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
- 下拉层（
ul）设max-height: 200px+overflow-y: auto，这才是真正起作用的高度控制 - 父容器必须
position: relative，下拉层用position: absolute定位，否则错位 - 必须监听
Escape、Click outside、ArrowDown/Up，否则键盘和焦点行为残缺 - 移动端要额外处理
touchstart和focus同步，iOS Safari 对focus触发极不敏感
别碰 line-height 或 padding 去“挤” option 高度
option 元素本身无法被 CSS 高度属性控制——Chrome/Firefox/Safari 均忽略对它的 height、line-height、padding 设置。你调了也没用，Lighthouse 会直接报“样式未生效”。真正影响视觉密度的，只有 size 值和字体大小（font-size），后者会影响每行自然高度，但不可精确到像素级。
立即学习“前端免费学习笔记（深入）”；
最易被忽略的一点：当用自定义下拉实现多选时，value 的同步不能只靠 UI 状态，必须实时更新隐藏的 input[type=hidden] 或同步到原生 select 的 selectedOptions，否则表单提交或 JS 取值时会丢数据。
