La flexbox CSS non funziona in IE10

In IE10, questo codice non funziona correttamente:

.flexbox form { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .flexbox form input[type=submit] { width: 31px; } .flexbox form input[type=text] { width: auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex: auto 1; -moz-flex: auto 1; -ms-flex: auto 1; -o-flex: auto 1; flex: auto 1; } 

Quello che dovrebbe accadere è che l’ input[type=submit] dovrebbe essere largo 31px, con input[type=text] che occupa il resto dello spazio disponibile all’interno del form . Quello che succede è l’ input[type=text] solo per default, a 263px, per qualche motivo.

Funziona perfettamente con Chrome e Firefox.