IE8–IE10表单控件塌陷错位的根因是不识别HTML5表单标签且无法正确解析box-sizing:border-box语义，导致.form-control宽度失控、textarea高度截断、select箭头消失；必须通过html5shiv、respond.js同域加载、-ms-box-sizing前缀、禁用@import和高版本jQuery等底层补全方案解决。
IE8–IE10中表单控件塌陷、错位的根因
不是CSS写错了，而是IE8–IE10根本不识别 <input type="email"> 这类HTML5表单标签，也不解析 box-sizing: border-box 的完整语义——导致 .form-control 宽度失控、textarea 高度被截断、select 下拉箭头消失。单纯改样式无效，必须补底层能力。
-
html5shiv.min.js必须放在<head>最顶部（<title>之前），否则 IE8 会跳过所有语义化表单元素解析 -
respond.min.js必须与 Bootstrap CSS 同域加载；用 CDN（如 jsDelivr）时若未配置代理页面，它对媒体查询的劫持直接失效 - 禁用
@import引入 CSS：IE8 下@import会阻塞respond.js执行，导致栅格和响应式表单断层 -
jQuery版本不能高于1.12.4：Bootstrap 3 的$.fn.val()等方法在 jQuery 2.x+ 中移除了 IE8 兼容逻辑
IE9–IE10中输入框宽度异常、文字裁切
IE9–IE10 对 box-sizing: border-box 的计算有偏差，尤其当父容器用了 width: 100% + padding 时，.form-control 实际宽度会超出容器，造成横向滚动或文字被右侧边框裁切。
- 全局重置盒模型：
* { -ms-box-sizing: border-box; box-sizing: border-box; }（注意加-ms-前缀） - 为
.form-group和.form-control显式声明width: 100%，不能依赖 Bootstrap 默认的display: block流式行为 -
textarea必须加vertical-align: top，否则 IE9 下基线对齐会导致上边距异常 - 避免在
.form-control上使用min-width或max-width：IE9 不支持这些值在表单元素上的继承行为
IE11下按钮/输入框圆角失效、过渡卡顿
IE11 本身支持 border-radius 和 transition，但一旦文档模式不是 Edge，或 CSS 里混入了它不识别的语法（比如 calc() 或 appearance: none），整条规则就会被丢弃——看着像“没生效”，其实是被静默忽略。
- 确认
<meta http-equiv="X-UA-Compatible" content="IE=edge">是<head>中第一个 meta 标签（在<title>之前），且未被条件注释包裹 - 删掉所有含
calc()的border-radius值，例如把border-radius: calc(0.25rem + 1px)改成border-radius: 0.375rem -
transition必须写全属性名：transition: background-color .2s, border-color .2s, color .2s，不能写transition: all .2s - 移除
appearance: none、user-select: none等 IE11 不识别的声明——它们会让整条 CSS 规则失效
表单验证提示不显示、JS初始化失败
IE11 报 "Object doesn't support property or method 'bootstrapValidator'" 或提示框空白，通常不是插件问题，而是依赖脚本加载顺序或语法不兼容。
- 确保
bootstrap-validator.js（或类似插件）在jQuery和bootstrap.js之后加载，且未压缩源码含 ES6 语法（如箭头函数） - 避免用
data-toggle="validator"自动初始化；改用显式调用：$('form').bootstrapValidator({...}) - IE11 不支持
CustomEvent构造函数，若验证插件内部触发自定义事件，需用 polyfill 替换或改用document.createEvent()回退方案 - 检查控制台是否报
"Access is denied"：本地file://协议下 IE11 默认启用兼容视图，meta标签完全无效，必须走 HTTP 服务
真正卡住表单渲染的，从来不是“要不要加前缀”，而是 html5shiv 加没加对位置、respond.js 是不是同域、meta 标签有没有被其他代码挤到后面、以及 JS 文件里有没有偷偷混进一个 const 或 =>。这些细节一错，整个表单就停在“看起来差不多但点不了提交”的状态。
