проблема с максимальной шириной в IE11

Я пытаюсь добавить левую пробку в обязательное поле в своих формах, используя некоторый класс начальной загрузки.

<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 (ширина не та)

введите здесь описание изображения


html css twitter-bootstrap internet-explorer-11
person AnotherGeek    schedule 16.06.2015    source источник
comment
вы используете пустой элемент в качестве левого поля?   -  person Fabrizio Calderan    schedule 16.06.2015
comment
Да это пустой промежуток   -  person AnotherGeek    schedule 16.06.2015
comment
поэтому могу я спросить вас, почему бы вам просто не удалить этот диапазон и не установить левый отступ для родительского div?   -  person Fabrizio Calderan    schedule 16.06.2015
comment
Я добавил снимок экрана, чтобы описать мою проблему   -  person AnotherGeek    schedule 16.06.2015
comment
Добавьте CSS или jsfiddle.   -  person Bram Vanroy    schedule 16.06.2015
comment
jsfiddle.net/oussama_gd/efyg031L В Firefox я получил тонкий промежуток с небольшой шириной, но это не так. дело в IE11. Я заметил, что если ширина большая, например 300 пикселей, ширина диапазона изменяется даже в IE11.   -  person AnotherGeek    schedule 16.06.2015
comment
codepen.io/e-river/pen/EvzLI   -  person Abdulla Nilam    schedule 16.06.2015

Ответы (1)


arrow_upward
0
arrow_downward

Попробуйте добавить это в свою таблицу стилей.

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;
}

person DCdaz    schedule 16.06.2015