Microsoft Edge does not support Box sizing: border-box?

Question

I have a div container with height and width specified [say, width=280px & height=30px]. The div contains a textbox [input type=text] with css attributes: box-sizing=border-box & width=100% I've placed two div containers adjacent and expect that, there should be spacing between the textboxes.

This works just fine in Chrome and Mozilla. But, Microsoft Edge spreads the textbox to the entire div and there's no space between the adjacent text boxes. I doubt, the box-sizing is not considered by Edge and hence the full width is used ? Please advise.

Answer 1

Use this -webkit-box-sizing: border-box; to support all browsers