title: Change input text border color without changing its height
body: <p>Let's say I have a default text input without any CSS</p>
  
  <pre><code>&lt;input type="text" /&gt;
  </code></pre>
  
  <p>I want to change its border color to red so I add an style</p>
  
  <pre><code>&lt;input type="text" style="border-color:red" /&gt;
  </code></pre>
  
  <p>After that the border is red, but its size is 2px. If I change the border to 1px the height of the input will be smaller than a default one.</p>
  
  <p>How can I change my border to 1px and assure that the true height of the input (including the border) is the same as an default one?</p>