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

Question

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

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