step属性不支持CSS继承，仅对直接设置在type="number"或type="range"的input元素上生效，其值影响箭头微调和校验，需用JavaScript批量设置统一管理。
step属性本身不支持CSS继承
step 是 <input type="number"> 的原生 HTML 属性，属于表单控件的**输入约束行为**，不是样式或布局属性。它不会通过 CSS 继承机制向下传递到子元素，也不作用于任何嵌套的 HTML 元素（比如 <div> 里套 <code><input>，子 <input> 的 step 值不会从父级“继承”来）。
常见误解是以为给父容器设 step="0.5" 就能让里面所有数字输入框自动对齐步进——这完全无效，浏览器会直接忽略父元素上的 step 属性（因为父元素不是可输入的表单控件）。
真正起作用的只有直接写在 input 元素上的 step
只有当 step 出现在合法的 <input type="number"> 标签上时，才会生效：
<input type="number" step="0.25" value="1.0"> <input type="range" min="0" max="10" step="2">
注意以下几点：
立即学习“前端免费学习笔记（深入）”；
-
step值必须是数字或字符串"any"；"any"表示不限制步进（但依然受min/max约束） - 若未显式设置
step，默认值为1（type="number"）或1（type="range"），不是继承自祖先 - JavaScript 修改
input.step属性会实时影响输入校验和箭头微调行为，但不会“传染”给其他 input
想统一管理多个 input 的 step？用 JS 批量设置更可靠
如果页面中有一组数字输入框需要共用相同步进逻辑（例如财务表单全用 step="0.01"），不要依赖“继承”，而是用脚本集中控制：
document.querySelectorAll('input[type="number"].price-input').forEach(el => {
el.step = '0.01';
});
这样做比手动写每个 step 更易维护，也避免遗漏。另外要注意：
- 动态插入的
<input>需要单独初始化，或监听 DOM 变化（如MutationObserver） - 某些 UI 库（如 Element Plus、Ant Design）封装了数字输入组件，它们的
step是组件 prop，和原生行为无关，别混淆 - 移动端 Safari 对
step支持较弱（尤其小数），必要时需配合input事件做手动校验
为什么有人觉得“应该能继承”？其实是混淆了行为与样式
开发者常把 step 和 font-size 或 color 类比，误以为“父设子用”。但 step 不是渲染属性，它只参与两个时机的逻辑判断：
- 用户点击上下箭头时的数值增减量
- 输入后失焦或提交时的合法性校验（
validity.stepMismatch）
这些逻辑绑定在单个 <input> 实例上，跟 DOM 层级关系无关。哪怕把 <input> 深深嵌套在 10 层 <div> 里，只要它自己没写 <code>step，就用默认值 1。
真正容易被忽略的是：表单验证错误提示（比如红色边框+title）往往不明显，导致你以为 step 没生效，其实只是校验失败后没反馈——检查 console.log(input.validity) 才能看到真实状态。
