css - IE11 中的最大宽度问题

Question

我正在尝试使用一些 Bootstrap 类在我的表单中的必填字段中添加左塞子。

<div class="input-group input-group-sm">
     <span class="input-group-addon label-danger" style="max-width:10px;"></span>
     <input id="Name"maxlength="30"/>
</div>

这给了我在除 IE11 之外的所有浏览器中查看的显示。在 IE11 中，宽度保持不变，就好像我没有添加 max-width 属性一样。 这是所需的结果:

这是我在IE11中得到的(宽度不一样)

Answer 1

尝试将其添加到您的样式表中。

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}