I would like to use the color
<input class="my_border" type="text">
border-width: 0 0 1px 50px;
border-color: rgb(100, 66, 32);
Note: The default value of
none. This means that if you change the
border-color, you will not see the border unless you change this property to something other than none or hidden.
Now I assume that browsers are not following this and they show some solid default
border by default. 
You need to define a
style for your
border for example
 Was playing further with this, turns out that it's weird behavior I think from the browsers point of view. If am using a word like
tomato as color names, it works but still, the color is not the one we expect it to be for example this vs this.
I will update this thread if I got any solid reasoning for this.
Debugging further, it turns out that the default value Chrome sets is
border-style: inset;, which has grayish border which is like a shadow. Hence, your
color does render but it mixes with the
inset border being set by Chrome defaults. Now am not sure why the color is not overridden by the
color declaration you have in your stylesheet, might be a bug.