How do I change an inputs border colour without changing the style?

Question

I\'m trying to do something pretty simply; change the border colour of an input. In both IE11 and latest stable Chrome, changing the color also changes how it looks (appears

Answer 1

In IE11 and Chrome, this got me matching boxes.

As for why... browsers will be browsers?

http://jsfiddle.net/S2TxT/11/

EDIT

After further investigation, it becomes apparent why this might happen: http://jsfiddle.net/S2TxT/18/