problema di larghezza massima in IE11

Question

Sto tentando di aggiungere un bung sinistro nel campo obbligatorio nei miei moduli utilizzando alcune classi di 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> 

Questo mi dà il display che sto cercando in tutti i browser tranne IE11. In IE11 la larghezza rimane la stessa come se non aggiungessi l'attributo max-width. Questo è il risultato desiderato:

e questo è quello che ottengo in IE11 (la larghezza non è lo stesso)

Answer 1

Prova ad aggiungere questo al vostro foglio di stile.

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