Change input text border color without changing its height

border, css, html

Solution

use this, it won't effect height:

<input type="text" style="border:1px solid #ff0000" />

Problem

Let's say I have a default text input without any CSS ``` <input type="text" /> ``` I want to change its border color to red so I add an style ``` <input type="text" style="border-color:red" /> ``` 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. 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?

Original source